infoplus22
Messages postés44Date d'inscriptionvendredi 13 juin 2008StatutMembreDernière intervention28 juillet 2008
-
16 juil. 2008 à 10:47
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 2013
-
21 juil. 2008 à 13:41
Je veux faire un bouton permettant d'agrandir et de réduire une boite dans mon site.Ou plus exactement une boite qui se réduit et qui s'agrandit grace à un bouton.... Exactement comme celui de du site codes-sources en haut au niveau de "Trouve une ressource"(à gauche).
infoplus22
Messages postés44Date d'inscriptionvendredi 13 juin 2008StatutMembreDernière intervention28 juillet 2008 16 juil. 2008 à 11:29
Oui je vois bultez merci, t'as pas une idée du code que je pourrais utiliser (c'est exctement la même chose que la partie"Trouver une ressource" en haut du site).Donc si quelqu'un pouvait me filer du code car je suis pas très doué en javascript/html Merciii.
infoplus22
Messages postés44Date d'inscriptionvendredi 13 juin 2008StatutMembreDernière intervention28 juillet 2008 16 juil. 2008 à 11:50
Voilà sur quoi je me basais, c'est un code que j'ai pu adapter(je l'avais récupérer du site) ca permettait d'avoir des menu déroulant. Quand je veux essayer le onclick ca ne marche pas quoique ce n'est pas que ca que je veux , je voudrais faire un onclick sur un bouton + pour afficher le contenu et - pour réduire et n'afficher que le titre.
var timeout = 1000;
for( var i = 0; i < 100; i++ )
{
eval("var timeoutli" + i + " = false;");
}
// this fonction apply the CSS style and the event
function initMenu()
{
// a test to avoid some browser like IE4, Opera 6, and IE Mac
if ( browser.isDOM1
&& !( browser.isMac && browser.isIE )
&& !( browser.isOpera && browser.versionMajor < 7 )
&& !( browser.isIE && browser.versionMajor < 5 ) )
{
// get some element
var menu = document.getElementById('menu'); // the root element
var lis = menu.getElementsByTagName('li'); // all the li
// change the class name of the menu,
// it's usefull for compatibility with old browser
menu.className='menu';
// i am searching for ul element in li element
for ( var i=0; i<lis.length; i++ )
{
// is there a ul element ?
if ( lis.item(i).getElementsByTagName('ul').length > 0 )
{
// improve IE key navigation
if ( browser.isIE )
{
addAnEvent(lis.item(i),'keyup',show);
}
// link events to list item
addAnEvent(lis.item(i),'onclick',show);
addAnEvent(lis.item(i),'mouseout',timeoutHide);
addAnEvent(lis.item(i),'blur',timeoutHide);
addAnEvent(lis.item(i),'focus',show);
// add an id to list item
lis.item(i).setAttribute( 'id', "li"+i );
}
}
}
}
function addAnEvent( target, eventName, functionName )
{
// apply the method to IE
if ( browser.isIE )
{
//attachEvent dont work properly with this
eval('target.on'+eventName+'=functionName');
}
// apply the method to DOM compliant browsers
else
{
target.addEventListener( eventName , functionName , true ); // true is important for Opera7
}
}
// hide the first ul element of the current element
function timeoutHide()
{
// start the timeout
eval( "timeout" + this.id + " = window.setTimeout('hideUlUnder( "" + this.id + "" )', " + timeout + " );");
}
// hide the ul elements under the element identified by id
function hideUlUnder( id )
{
document.getElementById(id).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';
}
// show the first ul element found under this element
function show()
{
// show the sub menu
this.getElementsByTagName('ul')[0].style['visibility'] = 'visible';
var currentNode=this;
while(currentNode)
{
if( currentNode.nodeName=='LI')
{
currentNode.getElementsByTagName('a')[0].className = 'linkOver';
}
currentNode=currentNode.parentNode;
}
// clear the timeout
eval ( "clearTimeout( timeout"+ this.id +");" );
hideAllOthersUls( this );
}
// hide all ul on the same level of this list item
function hideAllOthersUls( currentLi )
{
var lis = currentLi.parentNode;
for ( var i=0; i<lis.childNodes.length; i++ )
{
if ( lis.childNodes[i].nodeName=='LI' && lis.childNodes[i].id != currentLi.id )
{
hideUlUnderLi( lis.childNodes[i] );
}
}
}
// hide all the ul wich are in the li element
function hideUlUnderLi( li )
{
var as = li.getElementsByTagName('a');
for ( var i=0; i<as.length; i++ )
{
as.item(i).className="";
}
var uls = li.getElementsByTagName('ul');
for ( var i=0; i<uls.length; i++ )
{
uls.item(i).style['visibility'] = 'hidden';
}
}
Info
Vous n’avez pas trouvé la réponse que vous recherchez ?
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 201330 16 juil. 2008 à 12:18
oula... tu te compliques bien la vie ! et rien à voir
je te parlais d'un div, avec style="height:0px;"
setTimeout("taille();",délai); qui incrémente ou décrémente ce height
<hr /> Cordialement Bul [mon Site] [M'écrire]
infoplus22
Messages postés44Date d'inscriptionvendredi 13 juin 2008StatutMembreDernière intervention28 juillet 2008 16 juil. 2008 à 13:58
Désolé mais c'est pas aussi évident pour moi, pour toi ca l'est apparement.c'est quoi le style? c'est quoi le setTimeout taille? TU peux me détailler encore plus stp Merci
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 201330 16 juil. 2008 à 14:36
il faut te mettre au html/css/javascript.
une doc ? selfHTML par exemple.
je veux bien t'aider à faire ( franchement : 10 lignes et c'est baclé ),
pas tout te faire, ça ne t'apporterait rien et à moi non plus.
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 201330 16 juil. 2008 à 14:49
ou alors cherche dans les sources ça existe,
demande l'autorisation de copier ce que fait ce site à ce sujet...
ou... ne fais pas : ce n'est pas fondamental ni pour ton job, ni pour ton site, ni pour rien.
<hr /> Cordialement Bul [mon Site] [M'écrire]
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 201330 16 juil. 2008 à 15:01
je me cite :
décrit ton div avec le style qui va bien , ton bouton avec onclick qui appelle une fonction si tu ne sais pas faire... arr^te la programmation, de toute manière
plombier c'est bien plus rémunérateur et bien mieux considéré.
et un stage, c'est fait pour apprendre, pas pour faire du boulout gratis pour une boite,
n'ont qu'à embaucher les gens qui savent faire.
<hr /> Cordialement Bul [mon Site] [M'écrire]
infoplus22
Messages postés44Date d'inscriptionvendredi 13 juin 2008StatutMembreDernière intervention28 juillet 2008 16 juil. 2008 à 15:10
Le site a intéret à te virer parceque tu sers vraiment à rien et t'es trop borné à ce que tu fais Merci quand meme : "décrit ton div avec le style qui va bien , ton bouton avec onclick qui appelle une fonction" :
très significative comme phrase ca se voit que t'as jamais fait de maths :):):)
cs_bultez
Messages postés13615Date d'inscriptionjeudi 13 février 2003StatutMembreDernière intervention15 octobre 201330 16 juil. 2008 à 15:14
euh.. des maths ? c'est du français tout au plus.
( avec un ch'tiot sourire sur le "qui va bien" )
quand je disais arrête la programmation, tu ferais mieux,
ou alors forme-toi un minimum.
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 16 juil. 2008 à 19:49
Bonjour à tous,
<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, Svp j'y arrive pas! je ne sais pas par quoi
commencer!!!</td>
</td></tr></tbody></table>La recherche sur
ce site, ou d'autres, donne de bon résultats comme par exemple
http://www.javascriptfr.com/codes/MONTRER-CACHER-DIV_45631.aspx et hop
voila ta boîte s'ouvre et se ferme...
La
lecture de selfHTML comme préconisé par TheBultez, n'est pas inutile.