LECODEJAVA.COM : JAVASCRIPT - LE CODE JAVASCRIPT : SELECTIONNEUR DE LIEN EN BOITE
SELECTIONNEUR DE LIEN EN BOITE
DEMONSTRATION
<
A
vant
S
uivant >
Avant
^
lecodejava.com
meetpark.com
Beatyourprice.org
Punkrastaman.com
Amakho.com
Stopandkiss.com
Xkoba.com
Beatyourprice.net
Togosite.com
Togosport.info
Suivant
V
LE CODE JAVASCRIPT : SELECTIONNEUR DE LIEN EN BOITE
Accueil
Divers
HTML
<!-- DEUX ETAPES D'INSTALLER SELECTIONNEUR DE LIEN --> <center><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="50%" HEIGHT="75" bgcolor="#FFFFCC"> <TR> <TD WIDTH="100%"> <center> <style TYPE="text/css"> <!-- A:hover {text-decoration:bold; color:#00ff00;} A:link {text-decoration:none} A:visited {text-decoration:none} A:active {text-decoration:bold} --> </style> <center><STYLE TYPE="text/css"> .accesskey {text-decoration: underline} </STYLE> <SCRIPT LANGUAGE="JAVASCRIPT"> var MaxRecord = 10; var Iist = 1; var NumRecord = 4; var Iend = NumRecord; var curRecord = 1; var debug = false; function showPrev() { Iist -= 1; Iend -= 1; curRecord = Iist; btnPrev.disabled = false; btnNext.disabled = false; if (Iist<=1) { Iist = 1; Iend = NumRecord; btnPrev.disabled = true; } changeAppearance(); if (debug) alert("Iist = " + Iist + " and Iend = " + Iend); } function showNext() { Iist += 1; Iend += 1; curRecord = Iist; btnPrev.disabled = false; btnNext.disabled = false; if (Iend >= MaxRecord) { Iist = MaxRecord - NumRecord + 1; Iend = MaxRecord; btnNext.disabled = true; } changeAppearance(); if (debug) alert("Iist = " + Iist + " and Iend = " + Iend); } function changeAppearance() { if (1 >= Iist && 1 <= Iend) objSpan1.style.display = "inline"; else objSpan1.style.display = "none"; if (2 >= Iist && 2 <= Iend) objSpan2.style.display = "inline"; else objSpan2.style.display = "none"; if (3 >= Iist && 3 <= Iend) objSpan3.style.display = "inline"; else objSpan3.style.display = "none"; if (4 >= Iist && 4 <= Iend) objSpan4.style.display = "inline"; else objSpan4.style.display = "none"; if (5 >= Iist && 5 <= Iend) objSpan5.style.display = "inline"; else objSpan5.style.display = "none"; if (6 >= Iist && 6 <= Iend) objSpan6.style.display = "inline"; else objSpan6.style.display = "none"; if (7 >= Iist && 7 <= Iend) objSpan7.style.display = "inline"; else objSpan7.style.display = "none"; if (8 >= Iist && 8 <= Iend) objSpan8.style.display = "inline"; else objSpan8.style.display = "none"; if (9 >= Iist && 9 <= Iend) objSpan9.style.display = "inline"; else objSpan9.style.display = "none"; if (10 >= Iist && 10 <= Iend) objSpan10.style.display = "inline"; else objSpan10.style.display = "none"; } </SCRIPT> <!-- ETAPE 1 : Placer le code suivant entre les balises <HEAD>...</HEAD> --> <!-- ETAPE 2 : Placer le code suivant entre les balises <BODY>...</BODY> --> <center><BUTTON STYLE="WIDTH: 5em" ONCLICK="showPrev()" id=btnPrev TABINDEX="2" DISABLED><LABEL ACCESSKEY="p" FOR="btnPrev">< <SPAN CLASS="accesskey">P</SPAN>rev</LABEL></BUTTON> <BUTTON STYLE="WIDTH: 5em" ONCLICK="showNext()" id=btnNext TABINDEX=3><LABEL ACCESSKEY="n" FOR="btnNext"><SPAN CLASS="accesskey">N</SPAN>ext ></LABEL></BUTTON> <center><table border=1 WIDTH="90%" CELLPADDING="0" CELLSPACING="0"> <tr id="objSpan0" BGCOLOR="blue"> <td><center><font color="white"><b>Preview</b></font></a><center></td> <td BGCOLOR="blue"> <a Style="CURSOR: hand" onClick="showPrev()"><font color="white"><b>/\</b></font></a></td> </tr> <tr id="objSpan1" name='objSpan1"' BGCOLOR="#ff656a"> <td><center><a href="http://www.lecodejava.com">lecodejava.com</a><center></td> <td> </td> </tr> <tr id="objSpan2" BGCOLOR="#ff656a"> <td><center><a href="http://www.meetpark.com">meetpark.com</a><center></td> <td> </td> </tr> <tr id="objSpan3" BGCOLOR="#ff656a"> <td><center><a href="http://www.beatyourprice.org">Beatyourprice.org</a><center></td> <td> </td> </tr> <tr id="objSpan4" BGCOLOR="#ff656a"> <td><center><a href="http://www.punkrastaman.com">Punkrastaman.com</a><center></td> <td> </td> </tr> <tr id="objSpan5" BGCOLOR="#ff656a" style="DISPLAY: none"> <td><center><a href="http://www.amakho.com">Amakho.com</a><center></td> <td> </td> </tr> <tr id="objSpan6" BGCOLOR="#ff656a" style="DISPLAY: none"> <td><center><a href="http://www.stopandkiss.com">Stopandkiss.com</a><center></td> <td> </td> </tr> <tr id="objSpan7" BGCOLOR="#ff656a" style="DISPLAY: none"> <td><center><a href="http://www.xkoba.com">Xkoba.com</a><center></td> <td> </td> </tr> <tr id="objSpan8" BGCOLOR="#ff656a" style="DISPLAY: none" > <td><center><a href="http://www.beatyourprice.net">Beatyourprice.net</a><center></td> <td> </td> </tr> <tr id="objSpan9" BGCOLOR="#ff656a" style="DISPLAY: none"> <td><center><a href="http://www.togosite.com">Togosite.com</a><center></td> <td> </td> </tr> <tr id="objSpan10" BGCOLOR="#ff656a" style="DISPLAY: none" > <td><center><a href="http://www.togosport.info">Togosport.info</a><center></td> <td> </td> </tr> <tr BGCOLOR="blue"> <td colspan="1"> <center><font color="white"><b>Next</b></font></a><center> </td> <td BGCOLOR="blue"> <a Style="CURSOR: hand" onClick="showNext()"><font color="white"><b>\/</b></font></a></td> </tr> </table></FORM><center></TD> </TR> </TABLE><center><br> </center>
LECODEJAVA.com