Se connecter / S'enregistrer
Votre question

[resolu]Lien a partir d'un input

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
a b L Programmation
4 Avril 2007 18:29:40

Bonjour a tous
alors j'ai cree une page avec un fram au milieux
dans cette fram il y a un input et un bouton

je voudrais que si par exemple dans le input le visiteur inscrit "w00w2" et valide par le bouton
que cette fram affiche la page w00w2 .

mais comment on fais pour cree un lien a partir d'un input ?

je sais pas si je suis tres clair !!

mais bon dit moi si vous avais pas comprit

Autres pages sur : resolu lien partir input

a c 145 L Programmation
4 Avril 2007 20:50:42

déjà on dit (et écrit) fame...
ensuite, il suffit d'un javascript simple, en partant du principe que ton input s'appelle dest:
  1. <script type="text/javascript">
  2. function redirect() {
  3. dest = document.getElementById('dest').value;
  4. document.location.href = dest+".html";
  5. }
  6. </script>

et dans ton html:
  1. <form name="bla" method="post" onsubmit="return redirect();">
  2. <input type="test" name="dest" id="dest" />
4 Avril 2007 21:15:33

Citation :
déjà on dit (et écrit) fame...


more like "frame" amirite? :lol: 
Contenus similaires
4 Avril 2007 21:34:45

ça serait pas plus simple de mettre :

  1. <form action="<a href="http://adresse.com" rel="nofollow" target="_blank">http://adresse.com</a>">
  2. <input type="submit" value="Texte du lien">
  3. </form>


?
a c 145 L Programmation
4 Avril 2007 22:25:17

non, si le action dépend du texte entré dans le input, il faut bien modifier le formulaire sur le submit.
a b L Programmation
5 Avril 2007 19:17:07

Bon sa marche pas ( ou peut-etre que sa vien de moi car je ne connais pas le javascript )

alors voila le code de ma frame :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>

<style type="text/css">
<!--
body,td,th {
color: #0033FF;
}
body {
background-color: #FFFF00;
}
.Style1 {color: #000000}
.Style2 {color: #000000; font-weight: bold; }
-->
</style></head>
<script type="text/javascript">
function redirect() {
dest = document.getElementById('dest').value;
document.location.href = dest+".html";
}
</script>
<body>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center"><span class="Style1"><strong>Veuiller entrer votre</strong></span><span class="Style1"><strong>code </strong></span><strong>:</strong><br />
<form name="bla" method="post" onsubmit="return redirect();">
<input type="test" name="dest" id="dest" />
<br />
<button ><img src="images/SJ168_L.jpg" height="129" width="166" /></button>
</form>
</p>
</p>
</body>
</html>


Ps. mettre les code entre les balise fixed et /fixed aulieu de code et /code , plus simple pour les copier coller .
5 Avril 2007 20:03:32

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>

<style type="text/css">
<!--
body,td,th {
color: #0033FF;
}
body {
background-color: #FFFF00;
}
.Style1 {color: #000000}
.Style2 {color: #000000; font-weight: bold; }
-->
</style></head>
<script type="text/javascript">
function redirect() {
dest = document.getElementById('dest').value;
document.location.href = dest+".html";
}
</script>
<body>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center"><span class="Style1"><strong>Veuiller entrer votre</strong></span><span class="Style1"><strong>code </strong></span><strong>:</strong><br />
<form name="bla" method="post" onsubmit="return redirect();">
<input type="test" name="dest" id="dest" />
<br />
<button ><img src="images/SJ168_L.jpg" height="129" width="166" /></button>
</form>
</p>
</p>
</body>
</html>


1. Ca serait pas plutot <input type="text" id="dest" etc... /> ?
2. Au lieu de <button /> met un <input type="submit" etc.. /> pour declancher le handler de l'event onSubmit
a c 145 L Programmation
6 Avril 2007 07:46:25

ou un <input type="button" src="...." />
a b L Programmation
6 Avril 2007 13:18:58

Marche toujours pas

Edit : oups ma suis tromper !
il manque l'option pour supprimer un poste ( ou alors je ne l'ai pas vue )
a b L Programmation
6 Avril 2007 13:20:44

Marche toujours pas .

alors voici le nouveaux code source de la page

<script type="text/javascript" src="000.js"></script>
</head>
<body>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center" class="Style2"> </p>
<p align="center"><span class="Style1"><strong>Veuiller entrer votre</strong></span><span class="Style1"><strong>code </strong></span><strong>:</strong><br />
<form name="bla" method="post" onsubmit="return redirect();">
<div align="center">
<input type="text" name="dest" id="dest" />
<br />
<input type="submit" value="Entree"/>
</div>
</form>
<div align="center"><a href="javascript:alert('Gros Bouler en vue !');">Ne clique pas ici </a>
</div>
</body>
</html>



et voila le .js :
alert('Bonjour');
function redirect() {
dest = document.getElementById('dest').value;
document.location.href = dest+".html";
}
a b L Programmation
6 Avril 2007 15:32:06

J'ai fini par trouvais !

voila le code final ( qui na rien avoir avec le premier )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Document sans titre</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
color: #0033FF;
}
body {
background-color: #FFFF00;
}
.Style2 {color: #000000; font-weight: bold; }
-->
</style>
<script type="text/javascript" src="000.js"></script>
</head>
<body>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<FORM NAME="formulaire">
<div align="center">
<p align="center"><strong>Veuiller entre votre code !</strong></p>
<INPUT NAME="MotdePasse" type="text">
<br />
<INPUT TYPE="BUTTON" Value="Valider" onClick="ouvrir()">
<br />
<br />
<a href="javascript:alert('Gros Bouler en vue !');">Ne clique pas ici </a>
<br />
</div>
</FORM>
</body>
</html>


et voila le .js


var t1 ="Page fermer" ;

if ( autorisation == 1)
{
function ouvrir()
{
location.href =document.formulaire.MotdePasse.value + '.html'
}

}
else
{
alert(t1) ;
}



Merci de votre aide quand meme
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS