Bonjour,
J'ai vraiment beau essayer, je suis vraiment pas une lumière mais je veux y croire et y arriver. Voilà, je cherche:
1 sur http://www.kreavie.ca/compagnie/index.html il y a des lire plus :ici je veux mettre une fenêtre flottante genre onclick (pour chaque lire plus), je sais vous aller me dire que c'est du Java script, ok j'ai compris le concept, mais pourriez-vous SVP soit me l'expliquer comme à une enfant de 2 ans ou me donner des liens qui m'explique bien les choses.
2 sur mon site je vais avoir des photos de créations et produite et ici j'aimerai lorsque je pointe la souris dessus qu'une fenêtre genre mouseover montre la photo plus grande et ici pareil, pas moyen d'y arriver.
Cela fait 1 semaine que je cherche , essaie toutes les possibilités mais rien, alors comme je sais que vous êtes tous super doués et que vous connaissez super bien ce domaine, je viens vers vous.
Je vous remercie humblement de m'aider et de me sortir de ce cauchemard.
Merci merci
Chocolat
Faut que pour mon fichier je crée une autre fenêtre, car j'ai déjà essayé ça:
"Salut chocolat,
Pour t'expliquer en français le contenu de la page dont tu as fourni le lien...
Tu dois télécharger le fichier JavaScript et le placer dans le même répertoire que ta page. Sur cette page tu t'assures que dans le header, le code en gras soit présent :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Floating Window</title>
<script src="Drag.js"></script>
</head>
Ensuite dans le corps (<body>) de ta page HTML, il faut que tu définisses un bloc qui ressemble à ceci (ce qui est en gras est l'appel au Drag):
<div id="window" style="position:absolute; z-index:10; left:350px; top:160px; width:400px;background-color:#dde3eb; border:1px solid #464f5a; display:none;">
<div style="padding-bottom:8px; width:400px; background-color:#718191; border-bottom:1px solid #464f5a;" onMouseDown="beginDrag(this.parentNode, event);">
<div style="position:absolute; top:2px; left:5px; font-size:16px; font-weight:bold; color:#FFFFFF;">Drag me!</div>
</div>
</div>
C'est donc le deuxième bloc DIV (celui imbriqué au premier qui porte l'id "window") qui contient l'appel à la fonction Drag. Il est essentiel de le placer dans le premier bloc que tu vas reprendre tel quel. Et normalement ça devrait aller." et NON cela n'a pas été.
et j'ai aussi essayé ceci:
"salut
Bon une autre solution qui marche pas mal
dans le <head></head> te ta page tu y mets
<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="Agrandissement";
w=open("",'image','width=700,height=500
,toolbar=no,scrollbars=no,res izable=no'); w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE& gt;</HEAD>"); w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+15,document.images[0].height+60); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>"); w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>"); w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>"); w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='delice de pierre'>"); w.document.write("</TD></TR></TABLE>"); w.document.write("</BODY></HTML>"); w.document.close(); } //--> </SCRIPT>en gras ce que tu peu modifier pour l affichage
dans la partie où tu as l image (vignette/logo) tu y mets ceci
<p align="center"><A href="javascript:PopupImage('nom_de_l_image_grand_format.jpg')"><IMG src="nom_de_l_image_vignette.jpg" alt="Cliquer pour agrandir" border="0" class="image"></A></p>
<p align="center"> </p>
la aussi tu mets le nom des deux images 1 la grande 2 la petite
tout code dois être sur la même page (le mien) pas de page en plus , juste une insertion du script et du code." et VRAIMENT RIEN, bah si un truc vraiment étrange.
C'est pour cela que je dis enfant de deux ans.Mais j'essaie TOUT DE SUITE.
et je garde espoir afin de rester amie avec la création de site web.
Merci Dalida
pour que la fonction ouvre le fichier il faut lui indiquer lequel c'est.
j'ai fait un exemple pour une autre question.
le premier fichier permet d'en afficher un deuxième.