CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 06:35:51

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Fonction javascript afficher/cacher

Poser une question dans le forum ou lancer une discussion

Fonction javascript afficher/cacher

mercredi 1 mars 2006 à 10:56:02 | Fonction javascript afficher/cacher

worstangel

10 msg

24 msg CS

mercredi 1 mars 2006 à 10:57:01 | Re : Fonction javascript afficher/cacher

worstangel

10 msg

24 msg CS

(excusez moi je ne sais pas pourquoi il n'a rien écris...) Salut, Je voudrais votre aide sur ce script car il ne fonctionne pas et malheureusement je ne suis même pas débutant en javascript je m'y suis improvisé ^^ ... test

Choisissez une colonie :

Merci à tous ------------------------------------------------------------------------ Bientôt maître d'une nouvelle ère de RPG.

mercredi 1 mars 2006 à 13:29:47 | Re : Fonction javascript afficher/cacher

bultez

11958 msg

13348 msg CS

Réponse acceptée !

Bonjour,
pas sûr d'avoir compris ce qu'il faut faire...
s'il s'agit de montrer Colo1 à 8 en fonction du choix
dans le select, un ch'tit exemple :
( tous les tests semblent inutiles ... )

<html>
<head>
<title>test</title>
<script language="JavaScript">
var prec=false;
function afficherAutre(sel)
{
if ( prec )
{
  prec.style.display="none";
}
prec=document.getElementById(sel[sel.selectedIndex].text);
prec.style.display="block";
document.getElementById("valider").style.display="block";
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>Choisissez une colonie :
   <select name="liste" onChange="afficherAutre(this)">
       <option value=0>Choisissez</option>
                <option >colo1</option>
                <option >colo2</option>
                <option >colo3</option>
                <option >colo4</option>
                <option >colo5</option>
                <option >colo6</option>
                <option >colo7</option>
                <option >colo8</option>
   </select>
   </p>
        <table style="text-align: left;" border="1" cellpadding="0" cellspacing="0">
        <tr>
     <td id="colo1" style="display: none">Colo1 - Nom : <input name="nom1"> Coordonnées :<input name="coord1"></td>
     <td id="colo2" style="display: none">Colo2 - Nom : <input name="nom2"> Coordonnées :<input name="coord2"></td>
     <td id="colo3" style="display: none">Colo3 - Nom : <input name="nom3"> Coordonnées :<input name="coord3"></td>
     <td id="colo4" style="display: none">Colo4 - Nom : <input name="nom4"> Coordonnées :<input name="coord4"></td>
     <td id="colo5" style="display: none">Colo5 - Nom : <input name="nom5"> Coordonnées :<input name="coord5"></td>
     <td id="colo6" style="display: none">Colo6 - Nom : <input name="nom6"> Coordonnées :<input name="coord6"></td>
     <td id="colo7" style="display: none">Colo7 - Nom : <input name="nom7"> Coordonnées :<input name="coord7"></td>
     <td id="colo8" style="display: none">Colo8 - Nom : <input name="nom8"> Coordonnées :<input name="coord8"></td>
     <td id="valider" style="display: none">
  <input type="submit" value="Envoyer les données"></td>

</tr>
</table>
</form>
</body>
</html>

mais je doute...
ne serait-ce pas ajouter des zones où l'on peut saisir
des noms, au fur et à mesure, en dynamique ?
ce serait bien de formuler ce qu'il faut faire.

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mercredi 1 mars 2006 à 13:41:14 | Re : Fonction javascript afficher/cacher

worstangel

10 msg

24 msg CS

Oui c'était bien ça merci beaucoup ^^
la prochaine fois j'éssaierais d'être plus précis ...
--------------------------------------------------
Bientôt maître d'une nouvelle ère de RPG.

mercredi 1 mars 2006 à 13:53:26 | Re : Fonction javascript afficher/cacher

PetoleTeam

3281 msg

3318 msg CS

Bonjour...

Il manque déjà } en fin de script mais bon...

la partie suivante...

if (document.form1.liste.value == 9){
....
}
else{
a.style.display = "none";
b.style.display = "none";
c.style.display = "none";
d.style.display = "none";
e.style.display = "none";
f.style.display = "none";
g.style.display = "none";
h.style.display = "none";
i.style.display = "none";
}
annule tout si le choix n'est pas 9 donc pas terrible....

Ca c'était pour comprendre le piège des if à répétition pour un code plus propre voir ci dessus le code de l'excellent BULTEZ...

;0)

mercredi 1 mars 2006 à 13:59:24 | Re : Fonction javascript afficher/cacher

worstangel

10 msg

24 msg CS

j'vais faire mon chi*ur ^^
mais en faites je voulais que ça m'affiche plusieurs blocks en même temps comme cela :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

</head>
<form method="post">
<table style="text-align: left;" border="1"
cellpadding="0" cellspacing="0">
    <tbody>
      <tr>
        <td>Pseudo / alliance</td>
        <td colspan="4" rowspan="1"><input
name="pseudo"></td>
        <td colspan="4" rowspan="1"><input
name="alliance"></td>
         <td>Univers : <input
name="univers"></td>
      </tr>
      <tr>
        <td>Planètes.<select name="liste" onChange="afficherAutre(this)">
       <option value=0>Choisissez</option>

  <option>colo1</option>
  <option>colo2</option>
  <option>colo3</option>
  <option>colo4</option>
  <option>colo5</option>
  <option>colo6</option>
  <option>colo7</option>
  <option>colo8</option>   </select>
  </td>
        <td>PM - Nom : <input name="nom">
Coordonnées :<input name="coord"></td>

<td id="colo1" style="display: none">Colo1 - Nom : <input name="nom1">
Coordonnées :<input name="coord1"></td>

<td id="colo2" style="display: none">Colo2 - Nom : <input name="nom2">
Coordonnées :<input name="coord2"></td>

<td id="colo3" style="display: none">Colo3 - Nom : <input name="nom3">
Coordonnées :<input name="coord3"></td>

<td id="colo4" style="display: none">Colo4 - Nom : <input name="nom4">
Coordonnées :<input name="coord4"></td>

<td id="colo5" style="display: none">Colo5 - Nom : <input name="nom5">
Coordonnées :<input name="coord5"></td>

<td id="colo6" style="display: none">Colo6 - Nom : <input name="nom6">
Coordonnées :<input name="coord6"></td>

<td id="colo7" style="display: none">Colo7 - Nom : <input name="nom7">
Coordonnées :<input name="coord7"></td>

      <td id="colo8" style="display: none">Colo8 - Nom : <input name="nom8">
Coordonnées :<input name="coord8"></td>
      </tr>
      <tr>
        <td>Lune</td>
  <td><input name="lune"></td>

      <td id="colo8" style="display: none"><input name="lune8"></td>
      </tr>
      <tr>
        <td>Rapports espionnage</td>
  <td><textarea cols="20" rows="7" name="rapport"></textarea></td>

      <td id="colo8" style="display: none"><textarea cols="20" rows="7" name="rapport8"></textarea></td>
      </tr>
   <tr>
   <td colspan="10">Commentaire : <textarea cols="50" rows="2" name="commentaire"></textarea></td>
    </tbody>
</table>
</form>
</body>
</html>

Merci à tous ^^

Bientôt maître d'une nouvelle ère de RPG.

mercredi 1 mars 2006 à 15:52:54 | Re : Fonction javascript afficher/cacher

bultez

11958 msg

13348 msg CS

à PetOleTeam :
vous en êtes un autre cher ami ( je parle d'excellent,
on devrait se dire ça plus souvent... )
c'est vrai qu'il y avait des erreurs de syntaxe dans
le script fourni et que j'aurais du les signaler. c'est fait.

à WorstAngel :
je suppose que ça veut dite que lorsqu'on affiche
colo# il faut aussi afficher rapport# ?

Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mercredi 1 mars 2006 à 16:03:27 | Re : Fonction javascript afficher/cacher

worstangel

10 msg

24 msg CS

et bien en fait il faut que cela affiche les blocs [nom - coordonnées] [lune] et [rapport] selon le choix du SELECT ...
on choisi colo1 on affiche
<td id="colo1" style="display: none">Colo1 - Nom : <input name="nom1"> Coordonnées :<input name="coord1"></td>
<td id="colo1" style="display: none"><input name="lune1"></td>
ET
<td id="colo1" style="display: none"><textarea cols="20" rows="7" name="rapport1"></textarea></td>
le tout dans le même tableau et à la droite de la colone PM......

---------------------------------------------------
Bientôt maître d'une nouvelle ère de RPG.

mercredi 1 mars 2006 à 16:13:15 | Re : Fonction javascript afficher/cacher

worstangel

10 msg

24 msg CS

Faudrait-il mettre class à la place d'id ?...
(souvenir du CSS)
--------------------------------------------------
Bientôt maître d'une nouvelle ère de RPG.

mercredi 1 mars 2006 à 16:14:14 | Re : Fonction javascript afficher/cacher

bultez

11958 msg

13348 msg CS

Bonjour,
alors, tel que c'est fait là :
soit ° mettre un id dans le tr et afficher/cacher ce tr ( cette ligne )
soit ° transmettre à la fonction un 2ème paramètre qui est le 2ème champ à cacher/montrer
soit ° transmettre à la fonction un n° # qui permettra de gérer colo# et rapport#
soit ° ... euh, c'est tout ce qui me vient pour l'instant...
il y a sûrement d'autres possibilités
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

Cette discussion est classée dans : javascript, fonction, afficher, cacher

Répondre à ce message

Sujets en rapport avec ce message

probleme clic avec une fonction afficher cacher une div [ par nicooooooooooooooo2006 ] Bonjour à tous,Mon probleme est que j'ai repris une fonction permettant de cacher ou d'afficher une div suivant un lien cliquer il fonctionne mais mal fonction afin d'afficher plusieurs images [ par nIcoOolas ] Bonjour...je suis débutant en javascript et je suis un peu perdu ici ! ^^Voila mon petit probleme, je souhaite créer un code javascript qui, en foncti javascript +firefox+ie [ par sws2007 ] Bonjour tout le monde j'ai une fonction javascript qui verifier la validiter d' mail ;mail cette fonction s'execute normalemnt avec internet explore cherche fonction javascript [ par kam81 ] Bonjour,Dans le cadre d'une application web je dispose d'un lien logout pour se deconnecter, je voudrais que lorsque le message de confirmation s'affi Recherche javascript cacher menus navigateur [ par skym00n ] Bonjour,Je souhaite ouvrir des fenêtres htm à la taille voulue pour y insérer des lecteurs de musique. Ainsi la page doit faire juste la taille du lec Javascript [ par Kallagui123 ] Bonjour je suis débutante dans le javascript et je suis besoin d'aide:Pour une didactitiel comportant des QCM de type input submit comment je peux cal Appel de fonction javascript [ par toki50 ] Bonjour,Le bas de la page suivante montre un exemple (très simple) d'application Ajax effectuant une requête sur l'API de Youtube et renvoyant une lis '<a href="index1_1.jsp#lienRech" onmousedown="appelInfo(resultPass);return false;"> Problème!!!!!!! [ par ammouna24 ] Bonjour, Je suis débutante avec javascript et je travaille sur l'api googleMaps dans le cadre de mon Projet de fin d'étude. Mon but est le suivant:: D changer de place à une <div> [ par mickael56100 ] Bonjour tout le monde je laisse un message sur ce forum car jai un petit probleme. En fait je m'y connais pas trop en javascript et j'aurais besoin de Afficher des emails cacher sur un site [ par Airmouss ] Bonjour, Avant, tout d'abord je me présente Airmouss 23 ans de Montpellier 34 dans le languedoc roussillon le plus belle région de France quoi lol .

Livres en rapport

PHP - 2 - Ateliers Web professionnels avec PHP/MySQL et JavaScript

JavaScript

Aide-mémoire JavaScript

Javascript

Tous les livres pour Javascript, Fonction, Afficher, Cacher

Nos sponsors

Derniers Blogs

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP