begin process at 2012 05 29 14:38:26
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

JS PARENT node

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

JS PARENT node

vendredi 18 mars 2011 à 19:57:43 | JS PARENT node

ghighidu63
Bonjour, j'ai crée ce sujet car j'ai besoin d'aide pour mon script.
J'ai crée un truc pour Minimiser et Fermer un truc (Cacher/Afficher) Quand il y'en a un ca marche bien Et quand il y'en a deux la sa pose problème car le div 2 ferme le div 1 mais le div 2 ne se ferme jamais.Ca peux être superflu donc voici le code.
Code Javascript :
    
function divaffiche(){
      document.getElementById("box_keywords").style.display = "block";
      document.getElementById("cache").style.display = "inline";
      document.getElementById("voir").style.display = "none";
    }
    function divcache(){
      document.getElementById("box_keywords").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "inline";
    }
	function divclose(){
      document.getElementById("box_keywords").style.display = "none";
	  document.getElementById("box").style.display = "none";
	  document.getElementById("close").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "none";
    }

Et le HTML
Code HTML :
<div id="box">
<!-- [b][u]Boite 1 (Div1)[/u][/b] -->
<b class="box_title"><?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?></b>
<!--Close-->
<a  id="close"  onClick="divclose()" style="display:inline;"/>
	<img  align="right" src="images/button/close.gif" alt="Fermer" title="Fermer" id="close">
</a>
<!--Restore-->
<a   id="voir" 	onClick="divaffiche()" style="display:none;"/>
	<img  align="right" src="images/button/restor.gif" alt="Restaurer" title="Restaurer">
</a>
<!--Minimize-->
<a  id="cache"  onClick="divcache()" style="display:inline;"/>
	<img  align="right" src="images/button/minimize.gif" alt="Minimiser" title="Minimiser">
</a>

<div id="box_keywords">
<p>5sdsd</p>
</div>
</div>
<div id="box">
[b][u]<!-- Boite 2 (Div2) -->[/u][/b]
<b class="box_title"><?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?></b>
<!--Close-->
<a  id="close"  onClick="divclose()" style="display:inline;"/>
	<img  align="right" src="images/button/close.gif" alt="Fermer" title="Fermer" id="close">
</a>
<!--Restore-->
<a   id="voir" 	onClick="divaffiche()" style="display:none;"/>
	<img  align="right" src="images/button/restor.gif" alt="Restaurer" title="Restaurer">
</a>
<!--Minimize-->
<a  id="cache"  onClick="divcache()" style="display:inline;"/>
	<img  align="right" src="images/button/minimize.gif" alt="Minimiser" title="Minimiser">
</a>

<div id="box_keywords">
<p>5sdsd</p>
</div>
</div>

Merci de votre aide
J'ai vu ce script qui ma mit sur le chemin et qui marche très bien. Mais je voudrai garder mon script.
ici

Merci
vendredi 18 mars 2011 à 23:36:26 | Re : JS PARENT node

kazma

Administrateur CodeS-SourceS
tu utilise plusieurs fois le meme id le mieux serait deja de modifier les id et quand tu appel une fonction tu mette les id concerné en paramètre de la fonction

Code Javascript :
function divaffiche(para1,para2,para3){
      document.getElementById(para1).style.display = "block";
      document.getElementById(para2).style.display = "inline";
      document.getElementById(para3).style.display = "none";
    }


exemple raccourci

Code HTML :
<div id="box1">
<a   id="voir1" onClick="divaffiche('box1','cache1','voir1')" style="display:none;"/>
	<img  align="right" src="images/button/restor.gif" alt="Restaurer" title="Restaurer">
</a>
</div>
samedi 19 mars 2011 à 16:00:10 | Re : JS PARENT node

ghighidu63
Oui J'ai déja essayer mais le Pb c'est que j'ai besoin de plusieurs "box" donc je ne vais a chaque fois retapé div id="box_1"... je voudrais un truc comme le site ici

http://temp.cherouvim.com/forums/collapse/

Lui il n'y a même pas besoin de mettre id 1 2 3 4 5 6 7 8 9 ... il faut juste class='collapsable' et le JS va fermer le parent et pas les autres c'est ce que je veux que ca ferme tout ce qu'il y'a dans le div et non ce qu'il y'a dans les autres div.
Merci


Cette discussion est classée dans : style, document, display, getelementbyid, none

Répondre à ce message

Sujets en rapport avec ce message

Propriété display avec IE [ par initnocsib ] Bonjour,Voici un petit script qui fonctionne nickel sous Firefox, mais pas du tout sous IE function active(n){        document.getElementByI probleme de compatibilité de fonction javascript avec la balise <table> [ par misshasnae ] slt ts le mondej'ai un petit problème dans le code html de ma page de réservation, svp si quelq'un a une idée repond moi c urgent é merci d'avance. problème avec un menu [ par 77marsmars77 ] Bonjour à tous, J'ai un petit souci avec mon menu. Quand je clique sur le menu 1 il m'affiche les sous menus1. là c'est ok. Quand je clique sur le lie remettre des input radio à vide [ par joujma5 ] bonjour j'ai un bout de code qui me gène je veux bien remettre les input radio vides(!=checked) on rafraîchissant la page web.voici le code: funct probleme avec mon code avec firefox et opera [ par savagestudio ] bonjour (mon clavier et en norvegien, desole [^^sad2]) , J ai u probleme avec mon code , il marche parfaitment avec safari, chrome,IE mais pas avec fi Modification dynamique d'un formulaire [ par Romain54000 ] Bonjour, Voila j'ai un probléme dont je ne trouve malheureusement pas de réponse. Je voudrai partir d'une liste déroulante avec plusieurs choix, suiv Remplacement d'une animation flash par une photo via test de plugin [ par benji3rv ] Bonjour,Mon but comme l'explique assez bien le titre est de, dans un premier temps, faire un test pour savoir si le navigateur de l'internaute intègre Comment puis-je améliorer ce script ??? [ par nanti ] Bonjour à tous !Tout d'abord, j'espère être dans le bon thème... !?Comme annoncer, je souhaite améliorer ces scripts pour n'en faire qu'un qui soit op pb avec un formulaire select [ par ahah38 ] Bonjour, J'ai besoin d'aide sur un formulaire select. Je souhaite réaliser un carnet de route en utilisant un formulaire select. Les visiteurs pourron Commande Onclick agrandir image + afficher du texte [ par pharen ] bonjour à tous je souhaite réaliser une gallery photos ainsi les photos sont sur la page en petite taille. je click sur une photo et elle s'agrandit


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (16 Go)
Entre 0€ et 0€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,030 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)