Bonjour je voudrais faire un menu avec deux zones qui affiche des infos si on passe la souris sur le menu et si on clique dessus(Ça j'y ai réussis)...
Après le problème c'est que j'ai une bouton du menu qui s'apelle Contact et sur lequel je voudrais que lorsqu'on clique un formulaire apparaisse,j'ai essayé avec la fonction html. mais je n'y réussis pas.
Voila mon code:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript" SRC="jquery.js"></SCRIPT>
<head><title>FLOAT</title><link rel="stylesheet" media="screen" type="text/css" title="index" href="exo.css" /></head>
</head>
<body>
<div id="en_tete">
<img src="banniere.jpg" height="150px" width="800px" >
</div>
<ul id="menu_horizontal">
<li class="bouton_gauche" onMouseOver="menu1();"onclick="action1();"><a href="#">menu1</a></li>
<li class="bouton_gauche" onMouseOver="menu2();"onclick="action2();"><a href="#">menu2</a></li>
<li class="bouton_gauche" onMouseOver="menu3();"onclick="action3();"><a href="#">menu3</a></li>
<li class="bouton_gauche" onMouseOver="contact();"onclick="action4();"><a href="#">contact</a></li>
</ul>
<div id="renseignements">
</div>
<div id="dynamique">
</div>
<script>
function menu1(){
var texte1="Le menu1 parle de tout et de rien si vous voulez y faire un tour c'est par ici...";
$('#renseignements').text(texte1);
}
function menu2(){
var texte2="Le menu2 parle de n'a rien pour l'instant mais revenez bientot";
$('#renseignements').text(texte2);
}
function menu3(){
var texte3="Le menu3 parle de technologies et de chiose dans ce genre là";
$('#renseignements').text(texte3);
}
function contact(){
var texte4="Le menu4 parle..............";
$('#renseignements').text(texte4);
}
function action1(){
var dyn1="Le menu2 parle de rien pour l'instant mais revenez bientot";
$('#dynamique').text(dyn1);
alert=("bonjour");
}
function action2(){
var dyn2="Le menu2 ne parle de rien pour l'instant mais revenez bientot";
$('#dynamique').text(dyn2);
}
function action3(){
var dyn3="Le menu2 parle de rien pour l'instant mais revenez bientot";
$('#dynamique').text(dyn3);
}
function action4(){
$('#dynamique').html(<form id="formulaire" onsubmit="login();">
<fieldset><legend>login && mot de passe</legend>
<p><input type="text" name="identifiant" value=""/></p>
<p><input type="password" name="motdepasse" value=""/></p>
<p><input type="submit" value="se logger"/></p>
</fieldset>
</form>)};
function login(){
var element1 = document.getElementById("formulaire").elements["identifiant"].value;
var element2 = document.getElementById("formulaire").elements["motdepasse"].value;
erreur = "";
if(element1==""){
//erreur = "Vous n'avez pas remplie le champ login"+"\n";
$("input[name=identifiant]").css({"background-color":"red",color:"white"});
}
if (element2==""){
//erreur += "Vous n'avez pas remplie le champ pass"+"\n";
$("input[name=motdepasse]").css({"background-color":"red",color:"white"});
}
//alert(erreur);
}
</script>
</body>
</html>
Merci de votre aide
actions avec javascript
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
