[javascript] transformer une pitite fonction
transformer une pitite fonction [javascript] - Programmation
Marsh Posté le 14-09-2001 à 12:01:12
<HTML lang="fr">
<head>
<meta http-equiv="Content-Type" Content="text/html;charset=iso-8859-1">
<meta http-equiv="Cache-Control" Content="no-cache,no-store">
<meta http-equiv="Content-Language" Content="fr">
<meta http-equiv="Pragma" Content="no-cache">
<meta name="ROBOTS" Content="NONE,NOFOLLOW">
<title>Your Script</title>
<script language="javascript"><!--
var repert="./";
function swapMenu(n)
{
window.focus();
div=eval("div"+n);
if (div && div.style && div.style.display)
{
div.style.display = (div.style.display == "block" )?"none":"block";
img=eval("document.forms[0].img_name"+n+".src='"+repert+((div.style.display == "block" )?"minus.gif":"plus.gif" )+"';" );
// return false;
}
return false;
}
-->
</script>
</head>
<body>
<!-- pour exemple, je mets ce qu'il y a dans le body -->
<FORM NAME="F1">
<a href="" onClick=" return swapMenu(1)"><img border="0" name="img_name1" src="./plus.gif" width="16" height="16">Blablabla</a><br>
<div id="div1" align="justify" style="display: none; margin-left: 18">
et bla et bla et bla
</div>
<br>
<a href="" onClick="return swapMenu(2)"><img border="0" name="img_name2" src="./plus.gif" width="16" height="16">blou bli blo</a><br>
<div id="div2" align="justify" style="display: none; margin-left: 18">
kazouille pouk
</div>
<br><br>
</FORM>
</body>
</html>
Marsh Posté le 14-09-2001 à 13:23:21
| BARRAUDDEN a écrit a écrit : <script language="javascript"><!-- var repert="./"; function swapMenu(n) { window.focus(); div=eval("div"+n); if (div && div.style && div.style.display) { div.style.display = (div.style.display == "block" )?"none":"block"; img=eval("document.forms[0].img_name"+n+".src='"+repert+((div.style.display == "block" )?"minus.gif":"plus.gif" )+"';" ); // return false; } return false; } --> </script> |
Ce n'est pas plus compatible, ca ne marche pas sous Netscape !!!
Marsh Posté le 14-09-2001 à 13:39:48
Voilà un script qui fonctionne bien (Y-en a d'autres mais celui-là à l'air particulièrement bien). C'est configurable, bien commenté...
http://www.dhtmlcentral.com/script/script22.asp
(Tu peux le réutiliser à condition de laisser le Copyright dans la source du code...) -> Là c'est toi qui gère...
Quelques liens sympas :
http://www.dhtmlcentral.com/
http://www.hotscripts.com/
http://www.w3schools.com/
http://webfx.eae.net/ (Là y-a des trucs qui killent mais pas toujours compatibles...)
Sujets relatifs:
- propriete disabled en html4 acces par javascript
- [javascript] expressions regulières
- gestion d'evenement sous IE avec Javascript
- [JAVASCRIPT] textarea.selstart??
- pour les pros du javascript
- [JavaScript] fermeture de browser
- javascript ou php
- [JAVASCRIPT] textareas / validation de forms, AIDE!!!
- [Javascript - HTML] Layers on top
- [javascript] fenetre sans bouton agrandir/reduire
Marsh Posté le 14-09-2001 à 06:50:42
saluto,
est-ce que quelqu'un pourrait transformer une pitite fonction pour qu'elle fonctionne sur un max de browser ?
j'aurais bien essayé mais j'ai que ie (dd de 1.7 Go, j'ai meme plus la place pour tenter de mettre autre chose pour essayer).
Alors, s'il y avait une âme charitable
<html>
<head>
<script language="javascript"><!--
function swapMenu(n)
{
window.focus();
div = eval("document.all.div"+n);
if (div.style.display=="none" )
{
div.style.display="block";
eval("document.all.img_name"+n+".src='./imgs/minus.gif'" );
}
else
{
div.style.display="none";
eval("document.all.img_name"+n+".src='./imgs/plus.gif'" );
}
}
-->
</script>
</head>
<body>
<!-- pour exemple, je mets ce qu'il y a dans le body -->
<a href="javascript:swapMenu(1);"><imgborder="0" name="img_name1" src="./imgs/plus.gif" width="16" height="16">Blablabla</a><br>
<div id="div1" align="justify" style="display: none; margin-left: 18">
et bla et bla et bla<br>
</div>
<a href="javascript:swapMenu(2);"><imgborder="0" name="img_name2" src="./imgs/plus.gif" width="16" height="16">blou bli blo</a><br>
<div id="div2" align="justify" style="display: none; margin-left: 18">
kazouille pouk<br><br>
</div>
</body>
</html>
voili
[edtdd]--Message édité par art_dupond--[/edtdd]
---------------
oui oui