begin process at 2012 05 30 03:19:52
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

rendre image cliquable DHTML dans script fournit


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

rendre image cliquable DHTML dans script fournit

jeudi 31 mars 2005 à 14:55:58 | rendre image cliquable DHTML dans script fournit

bernie69

Bonjour à tous,
Pour une de mes pages d'un site en php, j'ai intégré un script dhtml pris ici : http://www.dhteumeuleu.com/  (cliquer sur "les scripts" dans menu du bas puis rechercher le script s'appelant Hector.html).

Après avoir modifié quelques paramètres dont l'image ;-) il ne me reste plus qu'à rendre cliquable cette image pour qu'on puisse, onclick, télécharger un fichier.

Or, ni la balise a href ni url dans le style d'image ne sont actifs.....j'ai donc besoin d'aide juste pour rendre cliquable cette image.

Merci d'avance à ceux qui vont regarder mon problème.
ps : code source
<HEAD>
<title>Hector - Interactive DHTML art-demos</title>
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;zIndex:-2;}
img {position:absolute; left:-10000;}
span {position:absolute; overflow:hidden;left:-1000;font-size:1px;}
</style>

<script type="text/javascript"><!--
// ======================================================
// Script by Gerard Ferrandez - Ge-1-doot - Dec 2001
// news://news.leibowitz.org/nzn.fr.html
// http://www.dhteumeuleu.com
// ======================================================
window.onerror = new Function("return true");
document.onselectstart = new Function("return false");
screen.bufferDepth = 16;

var xm = 0;
var ym = 0;

function CObj(N,parent){
this.S=(N+1)*P;
var o = document.createElement("span");
o.style.width = this.S;
o.style.height = this.S;
o.style.zIndex = 10000-N;
document.body.appendChild(o);
var i = document.createElement("img");
i.src = MP.src;
i.style.left = -(MP.width/2-this.S/2);
i.style.top = -(MP.height/2-this.S/2);
o.appendChild(i);
this.S = this.S * 0.5;
this.spa = o.style;
this.ddx = 0;
this.ddy = 0;
this.PX = xm;
this.PY = ym;
this.x = 0;
this.y = 0;
this.parent = parent;
this.anim = function (){
with (this) {
x0 = (parent)?parent.x:xm+Math.random()*6-3;
y0 = (parent)?parent.y:ym+Math.random()*6-3;
ddx = (x0-PX) * 0.5;
ddy = (y0-PY) * 0.5;
x = PX+=ddx;
y = PY+=ddy;
spa.left = x - S;
spa.top = y - S;
if(O)O.anim();
}
}
this.O = null;
if(N<NBi)this.O = new CObj(N+1,this);
}

function run(){
O.anim();
setTimeout("run();", 16);
}

onload = function() {
MP = document.getElementById("hector");
xm = document.body.offsetWidth/2;
ym = document.body.offsetHeight/2;
document.onmousemove = function(e){
if (window.event) e = window.event;
xm = (e.x || e.clientX);
ym = (e.y || e.clientY);
}
N = 0;
NBi = 60;
P=Math.max(MP.width,MP.height)/NBi;
O = new CObj(0);
run();
}
//-->
</script>
</head>

<body>

<IMG id="hector" src="ZB-otus.jpg">


vendredi 1 avril 2005 à 02:30:38 | Re : rendre image cliquable DHTML dans script fournit

GhislainLavoie

Salut!

Dans la fonction CObj, après cette ligne : var i = document.createElement("img");

Ajoute ceci :

i.onclick= new Function(" //ici tu fait l'action au clique sur l'image ")

A+, Ghislain

vendredi 1 avril 2005 à 13:06:19 | Re : rendre image cliquable DHTML dans script fournit

bernie69

Bonjour Ghislain,
Tout d'abord merci beaucoup pour ta précieuse aide.

J'ai donc inséré ta ligne et testé...voilà ce qu'il en ressort :
testé sous IE et firefox j'observe les mêmes choses à savoir :

quand j'insère le chemin complet du fichier à télécharger, l'image n'apparait même plus...
i.onclick= new Function("http://www.domaine.com/repertoire/fichier.zip")

quand j'insère le chemin relatif, rien ne se passe , le script fonctionne comme avant...
i.onclick= new Function("repertoire/fichier.zip")

Voilà...si tu as une idée...

vendredi 1 avril 2005 à 13:23:48 | Re : rendre image cliquable DHTML dans script fournit

bernie69

tiens une idée comme ça, je ne sais pas si c'est plus facile ou si ça complique ma demande mais au lieu de rendre cliquable l'objet, pour quoi ne pas rendre cliquable l'ensemble de la page ?...vu qu'il n'y à qu'une image dedans et que le but est de faire télécharger un fichier derriere...

enfin je dis ça je ne dis rien car je suis analphabète devant ce code :-(


vendredi 1 avril 2005 à 13:52:24 | Re : rendre image cliquable DHTML dans script fournit

GhislainLavoie

Salut!

C'est certain que l'on pourait le faire directement sur un évènement du body.

Essai comme ceci :

i.onclick= new Function("window.open('repertoire/fichier.zip','_blank');")

ou comme le propose bernie69


<body onclick= "window.open('repertoire/fichier.zip','_blank');">

A+, Ghislain

vendredi 1 avril 2005 à 14:31:50 | Re : rendre image cliquable DHTML dans script fournit

bernie69

Réponse acceptée !
testé sous IE et firefox :

i.onclick= new Function("window.open('repertoire/fichier.zip','_blank');")
fonctionne très bien avec ou sans '_blank'
toutefois sous firefox une page blanche se créée en plus de la check box de téléchargement
sous IE on voit en fond de tache qu'une fenêtre se créé mais se referme aussitôt.

mêmes remarques pour cette solution :
<body onclick= "window.open('repertoire/fichier.zip','_blank');">
à la seule différence prete que le temps de chargement de la page est plus longue.


Donc je préfère la première solution.
Je considère que tu as répondu à ma demande de base et je t'en remercie vivement.

Si tu as une solution pour éviter la page créée sous firefox ce serait le top du top.

Encore merci.

samedi 2 avril 2005 à 00:39:26 | Re : rendre image cliquable DHTML dans script fournit

GhislainLavoie

Salut!

J'ai essayer ewn local sur EI et FIREFOX et ça fonctionne comme ceci :

<body onclick= "a = window.open('repertoire/fichier.zip','_blank');a.close();">

A+

samedi 2 avril 2005 à 03:38:52 | Re : rendre image cliquable DHTML dans script fournit

bernie69

Merci 1000 fois
Je teste ça demain car là crevé...

+++++++




Cette discussion est classée dans : script, function, style, document, parent


Répondre à ce message

Sujets en rapport avec ce message

Pb Compatibilité d'un script sous FireFox [ par Kommius ] Salut à tous! Voilà, je cours à votre aide car j'ai trouvé un petit script sympa sur le site (http://www.javascriptfr.com/code.aspx?ID=22007)Le Code e iframe dans nelle fenetre _blank [ par tonytruand ] BonjourEst ce quelqu'un pourrait me donner un petit coup de main, merci par avancej'aimerai ouvrir le contenu d'un iframe dans une nouvelle page et je Pb firefox pour cacher des div [ par fdthierry ] Bonjour,J'ai un menu qui se créé à partir d'une table.Le principe est le suivant:Année   Mois      JourAu chargement sous IE, je ne vois que les année Conflit entre deux js dans une page HTML (inclure plusieurs js) [ par karinemariejeanne ] Bonjour, Je débute en javascript et j'ai présentement un problème dont je n'arrive pas à trouver la solution... Ca fait déjà un bon moment que j'ess Probleme dans mon script [ par Jarod1980 ] Bonjour,J'ai un petit soucis dans mon script et j'arrive pas à le résoudre. Mon script est censé insérer une image dans une interface. Avant d'insérer Pourquoi ai-je besoin de 2 clicks au départ ? [ par kaizersoze10 ] Bonsoir a tous ! :D Voila : j'ai une fonction javascript qui fait apparaitre/disparaitre des blocks sur ma page suivant ce qu'on click sur le menu ... Script pour Safari [ par vince1303 ] Bonjour, J'utilise ce script dans un iframe pour redimensionner celle-ci en fonction de son contenu. Ca marche très bien sur IE et Firefox (PC et événement permanent [ par arnaultp ] Bonjour à tous!J'ai repris un script ici même qui représente une sorte de manège avec des icones. Ce script m'intéressant bien, j'ai voulu l'améliorer récupération de liens sur un menu par rapport à des id [ par loraspirit ] Bonjour,J'aurai besoin de vos lumières afin de me débloquer d'un problème.J'ai un menu avec des balises . Je veux qu'en fonction du sélectionné, j'af pb dans code: marche pas [ par nanonerie ] nanonerie      calcul


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,030 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales