PDA

Visualizza la versione completa : semplice form per link


gabriele.pisa
05-09-2020, 19:30
Salve a tutti,
dovrei scrivere un semplice form composto da una finestra d'inserimento e un tasto invia.

Una volta caricata la pagina, si inserisce un nome nella finestra, ad esempio "pippo".
A questo punto premendo il tasto "invia", il browser carica la pippo.html

Potete aiutarmi?
Grazie mille

Vincent.Zeno
05-09-2020, 20:17
e se scrivo "clarabella" (pagina che non hai) cosa succede?

gabriele.pisa
05-09-2020, 21:38
e se scrivo "clarabella" (pagina che non hai) cosa succede?

Ciao Vincent.Zeno,
scrivo un redirect .htaccess per il 404, e lo porto nella pagina di errore

ErrorDocument 404 /404.html

oppure

ErrorDocument 404 /index.html

Vincent.Zeno
06-09-2020, 01:03
ok, sposto in js


(immagino che il form tu sappia scriverlo...)

gabriele.pisa
06-09-2020, 13:35
certo, mi manca però il codice da scrivere da collegare al pulsante

cavicchiandrea
06-09-2020, 18:41
Nella head

<script>
function OpenPage(){
var Page = document.getElementById('page').value;
location.href=Page+".html";
}
</script>
nel form

<input tipe="text" di="page"/> <button onclick="OpenPage()">Apri</button>
Attenzione l’editor del forum inserisce apici ‘ e virgole “ sbagliate riscrivili

Vincent.Zeno
06-09-2020, 20:02
Attenzione l’editor del forum inserisce apici ‘ e virgole “ sbagliate riscrivili
era dovuto ad un tuo copia incolla ;)

gabriele.pisa
08-09-2020, 21:38
Ciao cavicchiandrea , grazie per la risposta.
Ho provato, ma non funziona, saranno le virgolette??
Guardando il codice che hai scritto, forse ci sono degli errori, nel codice da scrivere nella pagina


tipe="text" ; forse è type="text"
di="page"/ ; forse è name="page" e c'è "/" di troppo

anche con queste modifiche non funziona

Vincent.Zeno
08-09-2020, 23:25
<script>
function searchURL(){
var page=document.querySelector('#page').value
window.location = page + ".html";
}
</script>

<form method="get" onsubmit="return false">
<input type="text" name="page" id="page"><br>
<input type="button" value="vai" onclick="searchURL()">
</form>


è impostato onsubmit="return false" perché, altrimenti, il form invia i valori in querystring. come da sua natura

oppure, senza form, usa il button al posto di input

Loading