Rechercher : dans
Par :

Cacher des champs input

Dernière réponse le 4 avr 2008 à 11:25:00 lewis34, le 3 avr 2008 à 15:43:55 
 Signaler ce message aux modérateurs

Bonjour ,c'est toujours moi ..

bon à force de persévérance je sent que je vais devenir un pro en javascript.. lol!!

sérieusement ,j'utilise dans certaines de mes pages un code qui suivant la valeur d'un select m'affiche tel ou tel autres select

<!--fonction affiche ou pas liste-->
<script language='javascript' >
function affichechoix(texte)
{
<!--affichage de la combo logiciel-->
if (texte=="4")
document.getElementById("choixlogiciel").style.visibility= 'visible';
else
document.getElementById("choixlogiciel").style.visibility= 'hidden';
<!--affichage de la combo categoriel-->
if (texte=="2")
document.getElementById("choixcategorie").style.visibility= 'visible';
else
document.getElementById("choixcategorie").style.visibility= 'hidden';
(
<!--affichage de la combo systeme-->
if (texte=="3")
document.getElementById("choixsysteme").style.visibility= 'visible';
else
document.getElementById("choixsysteme").style.visibility= 'hidden';
<!--affichage de la combo prix-->
if (texte=="5")
document.getElementById("choixnom").style.visibility= 'visible';
else
document.getElementById("choixnom").style.visibility= 'hidden';
}

</script> 

et mon select :
<select onchange="affichechoix(this.value)" name="choix" id="choix" >

Donc j'ai voulu appliquer le meme principe sur un champ input type text ,avec onfocus (au chargement de la page)mais a priori ca fonctionne pas.

en fait je veut faire disparaitre les boutons de connexion et les remplacer par un bouton deconnexion lorsque l'utilisateur est loggé.
voila mon code (une partie..)

<!--fonction affiche ou pas boutons de connexion-->
<script language='javascript' >
function connexion()

{
if (visiteur=="ami visiteur")
document.getElementById("connexion").style.visibility= 'visible';

document.getElementById("enligne").style.visibility= 'hidden';
else
document.getElementById("connexion").style.visibility= 'hidden';

document.getElementById("enligne").style.visibility= 'visible';

}

</script> 


<form>
	<script language="javascript" type="text/javascript">
document.write('<input type="text" id="encours" value="'+visiteur+'" onfocus="connexion(this.value)" ></input>') ;
</script></form>

<!--bouton par défaut-->
<div id="connexion" style="visibility:visible" >
		<span>	

<label>Pseudo</label><input type="text" id="pseudo" name="pseudo" />&nbsp;	<input type="button" value="mot de passe perdu"  onclick="javascript:window.location.href=''" />	<br /><br />
	 <input type="hidden" name="origine" value="1" />
	<label>Mot de passe&nbsp;<input type="password" id="password" name="password" />&nbsp;	
	<input type="button" value="Creer un compte" onclick="javascript:window.location.href=''"/>
	<p><center>
	<input type="submit" name="form1" value="se connecter" /></center></p>
	</form>
	</span>
	</div>
	
				<!--bouton si connecte-->
					<div id="enligne" style="visibility:hidden">
					<span>
						<input type="button" value="Se deconnecter" onclick="javascript:window.location.href=''"/>
						<input type="button" value="Mon compte" onclick="javascript:window.location.href=''"/>
						</span>
				</div>

j'ai beau tourner ca dans ma tête ça veut rien savoir...
par avance merci
(pour mes pages en php ca pose pas de probleme j'utilise un simple if)
Configuration: Windows XP
Firefox 2.0.0.13

Meilleures réponses pour « cacher des champs input » dans :
[PHP] Upload de fichiers VoirLe langage PHP permet de gérer des fichiers envoyés (uploadés) grâce à un formulaire HTML. Formulaire d'envoi de fichiers Configuration de PHP pour permettre l'upload Récupération du fichier avec PHP Formulaire d'envoi de fichiers La...
Utiliser l'Administrateur caché de Vista VoirVista, comme XP, possède un compte nommé "Administrateur" mais il est caché et non activé par défaut. Pour que ce compte apparaisse dans la liste des utilisateurs à l'écran d'accueil, la méthode est différente selon que l'on utilise une version...
Afficher les extensions et les fichiers cachés sous Windows VoirPour afficher les extensions Solution simple Solution avec le registre Pour afficher les fichiers et les dossiers cachés Pour afficher les fichiers et les dossiers système Pourquoi afficher les extensions ? Lorsque vous ne voyez...
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...
VBScript - Les boîtes de dialogue VoirQu'est-ce qu'une boîte de dialogue? Une boîte de dialogue est une fenêtre qui s'affiche au premier plan suite à un événement, et qui permet : soit d'avertir l'utilisateur ; soit le confronter à un choix ; soit lui demander de compléter un champ...

1

lewis34, le 4 avr 2008 à 11:24:12

Ca yest j'y suis arrivé tout seul ...et j'en ai profiter pour rajouter l'activation du bouton submit que lorsque les champs pseudo et psw sont remplis...


<!--*****fonction activer ou pas le bouton submit-->
<script language="javascript" type="text/javascript">
function affiche_bouton()
{
if (document.getElementById("pseudo").lenght==0)
        document.getElementById("envoi").disabled=true;
    else
        document.getElementById("envoi").disabled=false;
}
</script>
/*


*/
	<p><label>Pseudo</label><input type="text" id="pseudo" name="pseudo"  onblur="affiche_bouton()" /></p>



et mon bouton submit est à disable par defaut
mais ce qui m'interressait c'etait ca
<script type="text/javascript" language="JavaScript">
var visiteur;
window.onload=function()
{
	switch (visiteur)
	{
	case "ami visiteur" ://la personne est pas loggé
	document.getElementById("inconnu").style.visibility= 'visible';
	document.getElementById('enligne').style.visibility= 'hidden';
	break;

		default ://le pseudo est saisi
		document.getElementById("inconnu").style.visibility= 'hidden';
		document.getElementById('enligne').style.visibility= 'visible';
		break;
	}
		
};

</script> 


il fallait utiliser la fonction window.onload

quand je vous dit que je vais y arriver en javascript... lol!!!

Répondre à lewis34

2

 lewis34, le 4 avr 2008 à 11:25:00

Resolu

Répondre à lewis34
Collection CommentÇaMarche.net