begin process at 2010 03 21 06:49:18
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Probleme disparation div


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

Probleme disparation div

lundi 3 décembre 2007 à 11:09:26 | Probleme disparation div

chanandler

Bonjour a tous,

J'ai 3 div qui contienne du contenu et j'aimerai faire apparaitre ce contenu suivant la sélection d'un bouton radio. J'ai bien ce script en dessous mais j'ai un probléme avec car quand si je sélectionne mon bouton radio 1 le div apparait bien mais si je change de bouton radio, le div du bouton 1 ne s'éfface pas et il reste sachant que le div du 2éme bouton sélectionné apparait aussi.

Merci pour votre aide .

function effacer(monId)
{
var monElement = document.getElementById(monId);
 
if(monElement.style.display == 'none')
{
monElement.style.display = 'block';
}
else
{
monElement.style.display = 'none';
}
}

     <input type="radio" value=""/>Div 1
<input type="radio" value=""/>Div 2
<input type="radio" value=""/>Div 3

<div id="div1">Blaaaaa</div>
<div id="div2">Blouuu</div>
<div id="div3">Bliiiii</div>

lundi 3 décembre 2007 à 12:27:05 | Re : Probleme disparation div

bultez

Membre Club
Bonjour,
    certes...
    mais
    effacer(monId) on l'appelle où ? comment ? quand ?

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 3 décembre 2007 à 12:41:47 | Re : Probleme disparation div

chanandler

Excuse j'avais oublié un truc.

     <input type="radio" value="" onClick="toggle('div1')" />Div 1
<input type="radio" value="" onClick="toggle('div2')" />Div 2
<input type="radio" value="" onClick="toggle('div3')" />Div 3

Merci a toi

lundi 3 décembre 2007 à 13:13:09 | Re : Probleme disparation div

Zobibol

Réponse acceptée !
Bonjour, c'est quoi ce onclick="toggle('div1')" ? y a pas de méthode toggle mais effacer
bref, en utilisant toggle:
            function toggle(_monDiv){
            for ( var i = 1; i < 4;i++){
               var div = document.getElementById("div"+i);
               if ( "div"+i != _monDiv)
                  div.style.display = "none";
               else
                  div.style.display = "block";
                }
            }

voilà ?

[o-_-o]
lundi 3 décembre 2007 à 13:31:50 | Re : Probleme disparation div

bultez

Membre Club
1°    Zobibol++
2°    onclick sur radio, bascule le div donné en paramètre
           mais ne joue pas avec les autres.
       commence par cacher tous les div et affiche celui voulu

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 3 décembre 2007 à 13:37:30 | Re : Probleme disparation div

chanandler

Mais si je met autre chose comme non que div pour mon id ca ne marche plus comment faire en sorte que ca marche avec n'importe qu'elle nom ?

Merci a toi.
lundi 3 décembre 2007 à 13:40:34 | Re : Probleme disparation div

bultez

Membre Club


mais à la place d'un for j'eusse utilisé un while

    var i=1;
    while (document.getElementById("div"+i))
    { document.getElementById("div"+i).style.display="none";
      i++;
    }
    document.getElementById(monId)style.display="inline";

                rien que pour le plaisir de changer la solution de zobibol
                et éviter d'avoir à modifier si des div sont ajoutés au html  ;o)))


                Cordialement            Bul         [mon Site]     [M'écrire]


Cette discussion est classée dans : bouton, style, radio, div, monelement


Répondre à ce message

Sujets en rapport avec ce message

Pb : onClick d'un bouton radio pour disparition d'un <DIV> [ par beku ] BonjourJe voudrais faire disparaitre le suivanten cliquant sur le bouton radio<br Gestion de textbox [ par jistan ] J'essaie de faire un calcul dans un textbox ExpleBouton radio 1 --> article 1Bouton radio 2 --> article 2Les boutons radio ont le même nom RADtextbox Bouton radio [ par iomega ] Bonjour à tous j'ai 3 boutons qui qui contiennent des valeurs et je voudrai savoir comment fait-on pour que lorsque je selection une valeur et que la bouton radio [ par alexjet ] Bonjour à tous , j'aimerai récuperer la valeur de mes boutons radio lors d'un évènement onclick sur mon bouton envoyer.Voici mon script : function con click sur un bouton radio [ par Poulipe ] Bonjour,j ai par exemple 3 boutons radio.b1b2b3tout le monde sait que sur ces 3 boutons, un seul peut etre cocher...mon pb : je voudrais que si le bo Bloquer un textarea [ par hicksman ] Salut!je voudrais bloquer ( en disabled ou readonly) un textarea en cliquant sur un bouton radio. sans recharger la page.Quelle est la méthode à utili gestion de radio bouton [ par pipin ] J'ai affiché des radio boutons dynamiquement avec des noms du style bouton1,bouton2,...Ensuite dans une fonction javascript, je voudrais tester les ra Bouton radio [ par marlysa34 ] Salut j'ai fais un petit formulaire de recherche et j'aimerais que quand le champ est renseigné il y est le bouton radio qui soit sélectionné automati javascript-->bouton radio-->retourne serie de cases a cocher [ par w_manou ] Bonjour à tous, je développe en lotusscript qui prend en compte des formules et du javascript.J'ai un problème j'ai une section qui doit englober deux Style bouton [ par Thundrax ] Hello,Alors mon problème est un poil plus compliqué que pourais laisser croire son titre.Je cherche à définir un style sur un bouton qui vien du type


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
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 : 0,343 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales