begin process at 2012 05 29 12:39:30
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

lien affichant texte et supprime le précédent s'il y a(Javascript)


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

lien affichant texte et supprime le précédent s'il y a(Javascript)

lundi 19 avril 2010 à 00:52:10 | lien affichant texte et supprime le précédent s'il y a(Javascript)

vincenzodelarossa

Bonjour à tous.

Petit soucis dans mes conditions

mon script est:
<script type="text/javascript">
function Swap( div_){
var Obj = document.getElementById( div_);
if( Obj)
{
if( Obj.style.display=="") Obj.style.display="none";
else Obj.style.display="";
}
}
</script>

et dans le body:

<div class="details">
<ul class="services">
<li><a href="#" class="nav_services" onclick="Swap('DIV_1');">1</a></li>
<li><a href="#" class="nav_services" onclick="Swap('DIV_2');">2</a></li>
<li><a href="#" class="nav_services" onclick="Swap('DIV_3');">3</a></li>
<li><a href="#" class="nav_services" onclick="Swap('DIV_4');">4</a></li>
</ul>
</div>

<div id="DIV_1" style="display:none; padding-left:20px;">
Texte 1<br></div>

<div id="DIV_2" style="display:none; padding-left:20px">
Texte 2</div>

<div id="DIV_3" style="display:none; padding-left:20px">
Texte 3</div>

<div id="DIV_4" style="display:none; padding-left:20px">
Texte 4</div>

-----------------------------------
cependant il faut que je clique dessus a nouveau pr le faire disparaitre.
Je souhaiterai qu'en cliquant sur l'un (par exemple 3) il efface automatiquement le texte precedent pr afficher le 3; idem pr le 1, le 2 et le 4.
lundi 19 avril 2010 à 03:24:24 | Re : lien affichant texte et supprime le précédent s'il y a(Javascript)

leris

Salut,


il suffit de modifier le script comme ceci:

<script type="text/javascript">
var tab = new Array('div_1','div_2','div_3','div_4');
function Swap( div_){
for(var i=0; i<tab.length; ++i)
document.getElementById(tab[i]).style.display = 'none';
document.getElementById(div_).style.display = 'inline';
}
</script>



++

L.


pas glop !
lundi 19 avril 2010 à 09:26:44 | Re : lien affichant texte et supprime le précédent s'il y a(Javascript)

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
il existe aussi la solution en donnant des ID qui se suivent, comme dans ton cas, et de faire une boucle ce qui supprime la gestion du tableau.
cela peut donner un truc du style
Code Javascript :
//------------------
function Swap( div_){
  var i = 1;
  var Obj;
  //-- Masque tout le DIV_x
  while( Obj = document.getElementById( 'DIV_' +i)){
    if( Obj){
      Obj.style.display = "none";
    }
    i++;
  }
  //-- Affiche la demande
  Obj = document.getElementById( div_);
  if( Obj)
    Obj.style.display = "block";
}


Une autre solution et de gérer un Div_Encours...

;O)
lundi 19 avril 2010 à 11:09:17 | Re : lien affichant texte et supprime le précédent s'il y a(Javascript)

vincenzodelarossa

Merci les gars, c'est exactement ca, jvais prendre la sol dePetole team,
la boucle est toute bete, je n'y avais pas pensé, merci pr le coup de main !
lundi 19 avril 2010 à 17:12:28 | Re : lien affichant texte et supprime le précédent s'il y a(Javascript)

PetoleTeam

Membre Club
Bonjour,
- N'oubliez pas qu'un forum ne sert pas qu'à poser sa question!
- Il sert aussi, aux autres, à trouver une réponse satisfaisante à une question.
- Merci de mettre en
réponse acceptée, la réponse qui vous a aidé ou même votre propre solution.
- C'est aussi cela l'esprit d'un forum...

;O)


Cette discussion est classée dans : texte, style, display, pr, obj


Répondre à ce message

Sujets en rapport avec ce message

Fonction afficher / masquer [ par didygwatinik ] Bonjour, Sur mon site, j'aimerai pouvoir afficher ou "enlever" un texte quand l'utilisateur clique sur le titre de ce texte j'ai trouvé une fonction s Problème menu déroulant avec Firefox [ par franckdu34 ] Bonjour,J'ai mis un menu déroulant sur mon site qui fonctionne parfaitement sous Internet Explorer mais pas sous Firefox.Quelqu'un aurait-il la soluti 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. 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 Effacer une input texte [ par shadow1779 ] Bonjour,j'ai fais un module de recherche avec "taper votre texte ici..." dans mon input type text , je met la function suivante sur sa propriété clic Pourquoi ai-je besoin de 2 clicks au départ ? [ par kaizersoze10 ] Bonsoir a tous ! :D Voila : j'ai une fonction javascript qui fait apparaitre/disparaitre des blocks sur ma page suivant ce qu'on click sur le menu ... Erreur c00ce56e [ par ov3rdoze ] Bonjour à tousJe viens de terminer un site dans lequel j'utilise XMLHttpRequest. En local pas de problème. Je viens d'envoyer le site sur le serveur e Problème de XmlHttpRequest sous Opera et FF [ par ov3rdoze ] Bonjour à tous.Je travaille actuellement sur un site dans lequel j'utilise XmlHttpRequest. Je viens de mettre celui-ci en ligne, et je m'aperçoit que probléme d'affichage [ par youzou ] Salut j'ai un 2 tableau  et 2 bouton radio si je coche sur l'un des bouton les 2 tableau seront invisible et inversement si je selectionne l'autre bou script incompatible... ? [ par zen69 ] Bonjour tlm!J'ai encore un probleme de compatibilité avec des scripts ....Prenons ces deux fontions...function useShipInfo () {    do


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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,326 sec (4)

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