 De dgse - le 09-10-2005
bonjour
Une petite erreur dans le script il suffit de remplacer
table = document.getElementById
('table');
par exemple par:
t = document.getElementById('table');
pour que celui ci fonctionne correctement.
@+ Dgse | De Dempsey Chesley - le 14-11-2005
Il se peut que j'aie fait une erreur. Juste la modifier à la main. Pour l'instant, je vais contacter l'admin pour qu'il le change. | De the new Faith - le 07-03-2006
on ne peut pas en mettre 2 ou plus de ce code sur une même page???? | De azaret - le 28-06-2006
Si vous voulez en mettre plus de 2 sur la même page, voici le code quelque peu modifier pour qu'il fonctionne :
dans | onClick="show('Nom du span','Nom du lien') |
|
"Nom du span" correspond à l'Id du texte qui s'affiche et "Nom du lien" correspond à l'Id du lien "+".
Bien sur dans une même page donner des noms différents pour chaque texte et lien
Entre <HEAD> et </HEAD> :
<SCRIPT LANGUAGE="Javascript">
var textspan = '';
var texthelp = '';
function show(span,help) {
var textspan = span;
var texthelp = help;
if(document.getElementById){
tabler = document.getElementById("" + span + "");
if(tabler.style.display=="none"){
document.getElementById("" + help +"").innerHTML = '-';
tabler.style.display="";}else{document.getElementById("" + help +"").innerHTML = '+';
tabler.style.display="none";
}
}
}
</script>
|
|
Entre <BODY> et </BODY>
<span style="font-weight:bold;">Vous aimeriez en savoir plus ?</span>
[<a href="#" onClick="show('Nom du span','Nom du lien');return(false)" id="Nom du lien">?</a>]
<span id="Nom du span" style="display:none">
<br />Vous en savez désormais en peu plus ! :)<br />
Appuyer sur le lien [-] pour faire disparaître le texte ou :<br />
<a href="#" onClick="show('Nom du span','Nom du lien');return(false)">Cacher ce texte</a>
</span>
|
|
| De Evilmax - le 23-12-2006
J'ai un petit probléme :
A la place de mettre un "+" ou un "-", je veux mettre un mot.
Ca je sais faire mais je veux metre plusieurs fois le code avec un mot different a chaque fois.
Dans votre code c'est toujours le même lien : "+" et "-", est-t-il possible de le changer pour chaque codes?
Merci a ceux qui pourront m'aider. | De loraspirit - le 12-03-2007
Bonjour.
J'aurai voulu savoir si ce code peut s'appliquer si j'utilise du php.
je m'explique :
je veux créer une liste de lien en dynamique (appel à la base et utilisation d'un while).
j'aimerai que quand je click sur un des liens, un bloc de texte apparaisse juste en dessous du lien cliqué, sachant que ce block de texte est également dynamique en fonction du lien.
merci par avance | De yesuah - le 25-02-2008
pour répondre à ta question, pour mettre un mot à la place du - ou du +, dans la balise head, il suffit de changer quelque truc. Comme indiquer !
<script language="Javascript">
var textspan = '';
var texthelp = '';
function show(span,help) {
var textspan = span;
var texthelp = help;
if(document.getElementById){
tabler = document.getElementById("" + span + "");
if(tabler.style.display=="none"){
document.getElementById("" + help +"").innerHTML = '-';
tabler.style.display="";}else{document.getElementById("" + help +"").innerHTML = '+';
tabler.style.display="none";
}
}
}
</script>
|
|
cette ligne là change là,
| document.getElementById("" + help +"").innerHTML = '-'; |
|
tu met à la place du '-', le mot que tu désire, et pour le + pareil
comme ceci
{document.getElementById("" + help +"").innerHTML = '+';
|
|
et à la place du + tu mets le mot que tu désires
Je répète c'est dans la balise <head></head> que tu le fais
Courage ! | De dgse - le 26-02-2008
Bonjour
Plus simple et qui fonctionne aussi,on peut remplacer les liens par des icones. ;o)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<script type="text/javascript" language="Javascript">
function show(nom_champ)
{
if(document.getElementById)
{
tabler = document.getElementById(nom_champ);
if(tabler.style.display=="none")
{
tabler.style.display="";
}
else
{
tabler.style.display="none";
}
}
}
</script>
</head>
<body>
<!-- Exemple 1-->
<a href="#" onClick="show('i1');return(false)" id="plus">+ d'info</a>
<div id="i1" style="display:none">Info 1 <br>
<a href="#" onClick="show('i1');return(false)" id="plus">Fermer</a>
</div>
<br><br><br>
<!-- Exemple 2-->
<a href="#" onClick="show('i2');return(false)" id="plus">+ d'info</a>
<div id="i2" style="display:none">Info 2 <br>
<a href="#" onClick="show('i2');return(false)" id="plus">Fermer</a>
</div>
</body>
</html> |
|
@+ Dgse |
Home Page
