Discussion :

[hind111]

bjr à tous
je suis entrain de développer un site web....
jé utiliser un script pour faire un défilement d'images(dans un colonne de tableau).. et ça bien marcher mais je voulais que lorsque l'utilisateur click sur une image => une petite description s'affiche sur un autre colonne du meme tableau<= chose ke je n'arrive pa à le faire
merci d'avance
voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<script language="JavaScript1.2">
<!-- Begin
//largeur du curseur (en pixels)
var sliderwidth=330
//hauteur du curseur (Netscape)
var sliderheight=145
//vitesse de défilement
var slidespeed=4
 
//les images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="a.html"><img src="images/22.gif" border=1></a>'
leftrightslide[1]='<a href="a.html"><img src="images/24.gif" border=1></a>'
leftrightslide[2]='<a href="a.html"><img src="images/26.gif" border=1></a>'
leftrightslide[3]='<a href="a.html"><img src="images/28.gif" border=1></a>'
leftrightslide[4]='<a href="a.html"><img src="images/30.gif" border=1></a>'
 
 
 
function afficheId(baliseId) 
  {
  if (document.getElementById && document.getElementById(baliseId) != null) 
    {
    document.getElementById(baliseId).style.visibility='visible';
    document.getElementById(baliseId).style.display='block';
    }
  }
  //fin get id
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"
 
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
 
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
 
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
 
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
 
// End -->
</script>

et j'utlise un div ou il y a chak descrition d'image

ke doi-je mettre à la place de a.html pour afficher un div

[gwyohm]

ke doi-je mettre à la place de a.html pour afficher un div

Tu peux par exemple appeler une fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

'<a href="javascript:afficheInfos(22)"><img src="images/22.gif" border=1></a>'

[hind111]

merci bcp pour votre réponse
et grace à cette réponse j'ai fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function bascule(nom_div) {
if(document.getElementById(nom_div).style.display="none")
document.getElementById(nom_div).style.display="block";
else{document.getElementById(nom_div).style.display="none";}
}
leftrightslide[0]='<a href="javascript:bascule(contenu)"><img src="images/2.gif" border=1></a>'

et dans mon div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="contenu" style="display:none">

mais ça n'a pa marché
je sais pa pourkoi
lorsque je click rien ne se passe

merci bcp pour vous