5242 sujets

Sémantique web et HTML

Bonjour,

Voilà c'est tout bête mais je ne vois pas comment faire un truc.
Je voudrais faire un champ de texte, et que son contenu soit la page Web que je veux afficher.
En gros, si je rentre "EXEMPLE" dans le formulaire et que je valide, ça me renvoi sur le site à la page "EXEMPLE.html".

Ça marche à peu près, mais je voudrais pouvoir me débarrasser du bouton et pouvoir valider avec un appui sur la touche Entrée.
Et aussi gérer l'erreur si le champ est vide.

Merci !


<script language="JavaScript">
function openlink() {
var obj = document.getElementById("identification")
window.open('http://MONSITE/'+obj.value+'.html', "_self");}
</script>
<div id="tags">
Tags<b>&crarr;</b><br />
<input type="text" id="identification" size="40" value=""><br>
<input type="button" onclick="openlink()" value="OK">
</div>


Modifié par perdu (03 Oct 2019 - 22:58)
J'ai réussit en faisant :


<script language="JavaScript">
function openlink() {
var obj = document.getElementById("recherche")
window.open('http://MONSITE/'+obj.value+'.html', "_self");}
</script>
<div id="tags">
Tags<b>&crarr;</b><br />
<input type="text" id="recherche" size="40" value="" onKeyPress="if (event.keyCode == 13) openlink()" >


Bon par contre ça plante toujours quand je valide le formulaire vide. Smiley ohwell
Bonjour,
dés que tu as récupéré le champ

var obj = document.getElementById("recherche")
if (obj!="") 
{
/* la tu peux passer ta commande si non il reste sur la page */
}
Bonjour perdu,
Tu a juste à écouter le submit du formulaire

<form id="tags">
  Tags<b>&crarr;</b><br />
  <input type="text" id="recherche" size="40" value="">
</form>

function openlink(oEvent) {
  oEvent.preventDefault() ;
  var obj = oEvent.currentTarget;
  window.open('http://MONSITE/'+obj["recherche"].value+'.html', "_self");
}
document.addEventListener('DOMContentLoaded',function(){
  document.forms["tags"].addEventListener("submit", openlink);
});