2013-06-05 2 views
0

Mon but est d'avoir une boîte de saisie sur une page de sorte que lorsqu'un mot est entré, il enverra l'utilisateur à cette partie du site Web.entrer une partie de l'URL pour charger l'URL

Par exemple;

Si l'utilisateur saisit le mot banana et appuie sur le bouton GO, la page www.mysite.com/banana est chargée

S'ils entrent apple il va www.mysite.com/apple etc

Quelqu'un pourrait-il me montrer le chemin neatest de le faire? Ou au moins pointez-moi vers quelque chose qui pourrait m'apprendre - je suis encore assez nouveau au HTML et je me bats pour chercher avec succès ceci pour trouver une réponse.

(Je dois aussi aller à un défaut this page does not exist pour les entrées qui ne trouvent pas une page, mais c'est un suivi sur problème)

+0

Avez-vous essayé une des 3 réponses? – Daanvn

Répondre

0

En ajoutant le texte et l'URL que vous pouvez rediriger l'utilisateur. Pour sauver la page, vous devez mettre quelques conditions sur la recherche du texte.

+0

Les tags de question ne spécifient pas qu'il utilise jQuery. –

+0

+ Votre variable 'oldLocation' n'est jamais utilisée, et' newLocation' n'est jamais déclaré/initialisé. –

+0

@Dreamonic: Merci pour les commentaires. J'ai fait la mise à jour. – Rubyist

0

Pour la zone de texte, vous pouvez simplement utiliser:

<input type="text" name="something" size="50" id="naam" /> 
<input type="submit" value="Send"> 

Ensuite, vous pouvez utiliser la fonction PHP header pour rediriger:

<?php 
if($_POST) 
{ 

$text = $_POST['something']; 

header("Refresh: 0;url=www.mysite.com/$text"); 

} 
?> 

Assurez-vous également que l'en-tête doit être invoquée avant toute sortie est fabriqué. Sinon, l'appel échoue. Jetez un oeil à this réponse pour plus d'informations.

+0

Merci pour cela, il me semble logique et semble assez simple, je vais essayer demain –

0

est Voici un exemple HTML:

<form action="javascript:void(0);" onsubmit="goToURL();"> 
    <input id="urlInput" type="text" /> 
    <input id="urlSubmit" type="submit" value="Go to URL"/> 
</form> 

et JavaScript:

function goToURL() { 
    var urlInput = document.getElementById("urlInput").value; 
    window.location += "/" + urlInput; 
} 

Ensuite (si vous utilisez un serveur en utilisant un web.xml), indiquez votre page d'erreur là-dedans:

<error-page> 
    <location>/general-error.html</location> 
</error-page> 

Et si vous voulez aborder 404 de en particulier, utilisez dans votre error-page:

<error-code>404</error-code> 

Remarque: Je n'ai pas vérifié si cela fonctionne.

+1

merci, cela semble assez clair - Je vais essayer demain et vous dire comment ça se passe –

Questions connexes