mechkurt | ben tu affiche la source du site qui te plait et tu copie et/ou adapte le code a tes besoins...
en html sur le site fourni en lien:
Code :
- <ul>
- <h2>
- <a href='javascript:hl_openCloseOptions("list1","list1","0","/wp-content/plugins/hide_and_show" );'><img id='img_list1' src='/wp-content/plugins/hide_and_show/plus.png'> Linux</a>
- </h2>
- <ul id='list1' style='display:none;visibility:visible;'>
- <li> <a href='http://distrowatch.com/'>DistroWatch.com News</a></li><li> <a href='http://linuxfr.org/'>DLFP - Dépêches</a></li>
- <li> <a href='http://fedora.redhat.com'>fedora</a></li>
- etc...
- <br>
- </ul>
- <h2>
- <a href='javascript:hl_openCloseOptions("list2","list2","0","/wp-content/plugins/hide_and_show" );'><img id='img_list2' src='/wp-content/plugins/hide_and_show/plus.png'> Mac & Apple</a>
- </h2>
- <ul id='list2' style='display:none;visibility:visible;'>
- <li> <a href='http://applematters.com/index.php/weblog/index/'>AppleMatters</a></li>
- <li> <a href='http://www.ipodlounge.com'>iPodlounge</a></li>
- etc...
- </ul>
- etc...
- </ul>
|
le javascript associé:
Code :
- function hl_getE(id)
- {
- if(document.getElementById) {
- return document.getElementById(id);
- } else if(document.all) {
- return document.all[id];
- } else return;
- }
- function hl_openClose(id,mode,dir)
- {
- element = hl_getE(id);
- img = hl_getE('img_'+id);
- if(element.style) {
- if(mode == 0) {
- if(element.style.display == 'block' ) {
- element.style.display = 'none';
- img.src = dir+'/plus.png';
- img.alt='[+]';
- } else {
- element.style.display = 'block';
- img.src = dir+ '/moins.png';
- img.alt='[-]';
- }
- } else if(mode == 1) {
- element.style.display = 'block';
- img.src = dir+'/moins.png';
- img.alt='[-]';
- } else if(mode == -1) {
- element.style.display = 'none';
- img.src = dir+'/plus.png';
- img.alt='[+]';
- }
- }
- }
- function hl_createCookie(name,value) {
- document.cookie = name+'='+value+';path=/;';
- }
- function hl_readCookie(name) {
- var nameEQ = name + '=';
- var ca = document.cookie.split(';');
- for(var i=0;i < ca.length;i++) {
- var c = ca[i];
- while (c.charAt(0)==' ') c = c.substring(1,c.length);
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
- }
- return null;
- }
- function hl_openCloseOptions(id,cookie_name,mode,dir)
- {
- if (mode != null) {
- hl_openClose(id,mode,dir);
- e = hl_getE(id);
- if (e.style.display == 'block') {
- cookie_value = '1';
- } else {
- cookie_value = '-1';
- }
- hl_createCookie(cookie_name,cookie_value);
- } else {
- cookie = hl_readCookie(cookie_name);
- if (!cookie) {
- cookie = -1
- }
- hl_openClose(id,cookie);
- }
- }
|
comprend pas a quoi lui sert les cookies...
y a peut etre aussi des trucs important dans la feuille de style...
vive l'opensource car regarder (et surtout comprendre) est encore le meilleur moyen d'apprendre!
Message édité par mechkurt le 02-11-2005 à 11:09:33
---------------
D3
|
), mais sans perdre l'intégralité de mes liens.
