Suivez les fils RSS
 
Rechercher dans le sujet :
Forum
» Questions générales et questions de débutants
» Affichage d'une sélection
Auteur
Zenzirom
# 16 Mar 2010 - 22:14:42
Citer
7 Posts
 Bonjour,

A vrai dire je n'ai pas su quoi mettre comme titre, de la même manière que je n'ai pas su comment chercher ce qu'il me faut ... google ne m'ayant pas compris je me tourne vers vous.

Je vous c/c le code, les explications en dessous

CSS



.menu_formulaire:link {

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

	color: #5DD20E;

}

.menu_formulaire:visited {

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

	color: #5DD20E;

}

a.menu_formulaire:hover {

	color: #1E1E1E;

	background-color: #82D200;

}

a.menu_formulaire:active {

	border-top: 1px solid #999;

	border-bottom: 1px solid #999;

	color: #5DD20E;

}

#formulaire_recherche {

	margin: 25px;

	padding: 5px;

	font-size:10px;

	width: 262px;

	background-color:#CCC;

}

.menu_formulaire{

	text-align:center;

	font-size: 12px;

	width: 50%;

	padding-top: 3px;

	height: 17px;

	float:left;

	background-color: #1E1E1E;

	}




<div id="formulaire_recherche">

Vous souhaitez<br />

<a class="menu_formulaire" href="?page=formulaire_achat">Acheter</a><a class="menu_formulaire" href="?page=formulaire_vente">Vendre</a>

<form id="formulaire_achat" name="formulaire_achat" method="post" action="">

    <label>Marque / Modèle

      <input name="marquemodele" type="text" id="champtexte" size="26" />

    </label>

<p>

      <label>

        <input type="checkbox" name="0a2" id="puce_formulaire" />

        0 à 2 ans </label>

      <label>

    </p>

    <p>

      <label>

        <input type="checkbox" name="ess" id="puce_formulaire" />

        Essence </label>

      <label>

        <input type="checkbox" name="gpl" id="puce_formulaire" />

        GPL </label>

      <label>

    </p>

    <p>Puissance

      <input name="puissance" type="text" id="champtexte" size="3" maxlength="3" />

    </p>

    <p>

      <input type="checkbox" name="clim" id="puce_formulaire" />

Climatisation 

<input type="checkbox" name="reg" id="puce_formulaire" />

Régulateur 

<input type="checkbox" name="esp" id="puce_formulaire" />

ESP

</p>

    <p>Budget

      <input name="budget" type="text" id="champtexte" size="10" maxlength="5" />

    </p>

      <label>Valider

        <input type="submit" name="valider" id="valider" value="Envoyer" />

      </label>

  </form>

</div>


En fait vous avez 2 liens : Achetez et Vendez.
Ce que je suis censé faire c'est d'afficher 1 des 2 formulaires possible pour qu'il s'affiche a l'endroit du formulaire dans l'exemple.

J'ai pensé que ça serait plutôt simple mais en fait ça dépasse mes compétences, j'aurais besoin d'un petit coup de pousse pour savoir quoi chercher.
Je n'y connais strictement rien au javascript ou au php donc une solution même la plus basique possible pourrait me suffire ... sinon je me plongerais dans un tuto cligne

Merci de votre aide
Modifié par Zenzirom (16 Mar 2010 - 22:17)
^
jupelletier
# 16 Mar 2010 - 23:51:20
Citer
9 Posts
 Bonsoir,
j'ai eu droit à ce cas de figure dernièrement, et m'y connaissant pas plus que toi en JS, c'est mon développeur qui a fait la manip. J'ai un jQuery de lié dans mon head, mais je peux pas te dire si la fonction suivante y fait appel, à confirmer (je rappelle que je n'y connais rien). Toutefois la voilà :

Ajoute cette fonction dans ton <head>


<script type="text/javascript"> 

	function changeText(element, idform) {

		$(element).siblings().removeClass('courant');

		$(element).addClass('courant');

		$('.content').addClass('invisible');

		$('#' + idform).removeClass('invisible');

	}

</script>


Puis ces règles CSS


.courant{display: block;}

.invisible{display: none;}


Enfin ajoute ces "onclick" sur tes liens


<a class="menu_formulaire" href="?page=formulaire_achat" onclick="changeText(this,'formulaire_achat')">Acheter</a>

<a class="menu_formulaire" href="?page=formulaire_vente" onclick="changeText(this,'formulaire_vente')">Vendre</a>


J'espère avoir pu aider.
^
Zenzirom
# 17 Mar 2010 - 00:01:43
Citer
7 Posts
 Merci de ta réponse, en faisant un premier jet ça ne fonctionne pas (comme dab quoi lol )
Je regarderais demain de plus près mais ce qui m'étonne c'est que dans ton code rien n'indique ou ça doit s'afficher decu

Merci encore

Edit : en fait j'ai plus ou moins compris, je ferais des tests demain
Modifié par Zenzirom (17 Mar 2010 - 00:10)
^
Le sujet est clos.
Aller à