Comment créer un formulaire en ligne qui ouvre des pages Web après avoir cliqué sur le bouton Soumettre

Je souhaite créer un formulaire dans lequel je peux entrer un nom de domaine, puis cliquer sur le bouton Soumettre et intégrer le nom de domaine dans une partie de l'URL d'un résultat de recherche des endroits comme Google, Bing, Yahoo, etc. Après avoir cliqué sur le bouton soumettre, je voudrais que les résultats soient affichés au bas de la page en utilisant iframe.Comment créer un formulaire en ligne qui ouvre des pages Web après avoir cliqué sur le bouton Soumettre

EDIT: Au lieu d'ouvrir de nouveaux onglets, j'aimerais que les résultats s'affichent en bas de la page en utilisant iframe. Est-ce possible? Voici le code mis à jour à ce jour:

<!DOCTYPE html> 
<html> 
<head> 
<title>Domain Checker</title> 
<meta name="description" content="Get useful information about a domain name." /> 
</head> 
<body> 

<h1>Domain Checker</h1> 
<p>Use the domain checker to get useful information about a domain name. Type the domain name you want to check and hit enter.</p> 

<script type='text/javascript'> 
function openWindow(url) 
{ 
    var domain2 = document.getElementById('domain2').value; 
    window.open(url + domain2); 
} 
</script> 

<form method='post'> 
<label>Domain</label><input type='text' name='domain2' id='domain2'> 
<select name="select" onChange="openWindow(this.options[this.selectedIndex].value)"> 
    <option>Choose Below</option> 
    <option value="http://www.dmoz.org/search?q=">DMOZ</option> 
    <option value="https://flippa.com/valuation/">Flippa</option> 
    <option value="http://web.archive.org/web/*/">WayBack</option> 
    <option value="http://www.alexa.com/siteinfo/">Alexa</option> 
    <option value="https://www.google.com/search?&q=site:">Google Index</option> 
    <option value="https://www.google.com/search?&q=link:">Google Backlinks</option> 
    <option value="http://search.yahoo.com/search?p=site:">Yahoo Index</option> 
    <option value="http://search.yahoo.com/search?p=link:">Yahoo Backlinks</option> 
    <option value="http://www.bing.com/search?q=site:">Bing Index</option> 
    <option value="http://www.bing.com/search?q=site:">Bing Backlinks</option> 
    <option value="http://whois.domaintools.com/">Whois Info</option> 
</select> 
</form> 
<hr> 
<p>Results show here in iframe.</p> 
</body> 
</html>

Source

2013-01-24 Garry

Vous devez être plus précis. Quelle langue, etc. utilisez-vous? – WLin

Pas de problème, désolé à ce sujet. PHP. J'ai également édité la question et ajouté un formulaire de simulation ci-dessus. Merci pour ton aide! – Garry

Pour l'autre question dans le commentaire.

<script type='text/javascript'> 
function openWindow(url) 
{ 
    var domain = document.getElementById('domain').value; 
    //window.open(url + domain); 
    document.getElementById('frame').src=url+domain; 
} 
</script> 

<form method='post'> 
<label>Domain</label><input type='text' name='domain' id='domain'> 
<select name="select" onChange="openWindow(this.options[this.selectedIndex].value)"> 
    <option value="http://www.dmoz.org/search?q=">DMOZ</option> 
    <option value="https://flippa.com/valuation/">Flippa</option> 
    <option value="http://web.archive.org/web/*/">WayBack</option> 
    <option value="http://www.alexa.com/search?q=">Alexa</option> 
    <option value="https://www.google.com/search?&q=site:">Google</option> 
</select> 
</form> 

<iframe id="frame">Your browser does not support iframes.</iframe>

Source

2013-01-24 18:32:16

Merci Abdullah. Comment lier cela dans le formulaire entier? – Garry

Je ne sais pas si je vous ai, mais vous pouvez mettre le "select" dans la balise

<script type='text/javascript'> 
function openWindows(domain) 
{ 
    if (domain) { 
     window.open('http://www.dmoz.org/search?q=' + domain); 
     window.open('https://flippa.com/valuation/' + domain); 
     window.open('http://web.archive.org/web/*/' + domain); 
     window.open('http://www.alexa.com/search?q=' + domain); 
     window.open('https://www.google.com/search?&q=site:' + domain); 
    } 
} 
</script> 
<form action='your_form_processor.html' method='post' onsubmit="openWindows(document.getElementById('domain').value)"> 
<label>Domain</label><input type='text' name='domain' id='domain'> 
</form>

Source

2013-01-24 18:07:39 Marc

Excellent Marc. Cela fonctionne très bien. Curieux, comment faire pour que le formulaire ait un menu déroulant à la place de sorte que si je voulais seulement charger chaque page individuellement? – Garry

Questions connexes

Comment créer un formulaire en ligne qui ouvre des pages Web après avoir cliqué sur le bouton Soumettre

Répondre

Questions connexes