Richiesta di consigli e aiuto per la realizzazione di un form in html

Salve ragazzi.
Dovrei inserire un semplice form in html all'interno di un post nel forum (dove posso inserire solo "semplice" html) ma ho delle difficoltà nel realizzarlo (non ho mai avuto molto a che fare con i form).
Il codice dovrebbe essere simile a questo:

Codice:

---

<form action="http://www.facebook.com/profile.php" method="get" target="_blank">
  <input name="id" type="text" size="20" maxlength="20" />
  <input type="submit" value="Vai!" />
</form>

---

Mi serve per creare un campo di testo dove inserire l'id dell'utente e quindi aprire una nuova pagina con la pagina del profilo.
Questo codice funziona su una pagina a se ma crea casini all'interno del post (esce un alert che ha a che fare con tutt'altra funzione.
Sarebbe inoltre "meglio" permettere l'inserimento di soli numeri (sopratutto per evitare potenziali problemi di sicurezza).
Detto ciò, sto provando ma non riesco a venirne fuori.
Grazie anticipatamente per ogni eventuale consiglio, DarkWolf

-
Edit: stavo pensando che potrei provare ad inserirlo anche in javascript :)

Per il controllo all'invio, potresti usare questa routine JavaScript:

Codice:

---

function checkForm ()
{
  var idBox = document.profileForm.id;

  // eliminiamo gli spazi iniziali e finali dall'id...
  idBox.value = idBox.value.replace (/^\s+|\s+$/g, '');

  // restituisce true se il campo "fitrato" ha solo cifre decimali
  var result = idBox.value.search (/^\d+$/) >= 0;
  if (!result) alert ('ID inserito non valido');
  return result;
}

---

Questo funzionerà se aggiungi al tag del form un attributo name="profileForm" e un gestore dell'evento onsubmit="return checkForm()"

Non riesco a capire quale sia l'altro tuo problema: cosa intendi con "crea casini all'interno del post"?

Stammi bene...

Sul tuo forum i post sono contenuti in un form. Annidandone un'altro evidentemente fa casino.

@dementialsite: Con crea casini intendo che mi spunta un alert di tutt'altra funzione, cioè è come se andasse in conflitto con altre funzioni del template stesso.
-
@saitfainder: oltre a mantenere il form in un altra pagina e integrarlo tramite un iframe non c'è altro modo?
-
@entrambi: grazie :)

Edit:
Per farla breve, mi servirebbe, a questo punto in solo javascript, un campo dove inserire un url del tipo:

Citazione:

---

hxxp://urlapplicazione?action=unlock&user1=*******&question=xx

---

e cliccando su un bottone (vai) mi apra una nuova pagina (_blank) con quest'url:

Citazione:

---

hxxp://urlapplicazione/profile.php?id=*******

---

Citazione:

---

Originalmente inviato da saitfainder

Sul tuo forum i post sono contenuti in un form. Annidandone un'altro evidentemente fa casino.

---

E' probabile che il tuo problema sia proprio questo!
Un modo semplice (ma non troppo elegante) di venirne fuori è inserire il tuo nuovo form all'interno di una iframe:

- crei un nuovo file html che contiene nel body il tuo form
- inserisci nel post del forum:

Codice:

---

<iframe src="..indirizzo dell'html..">Il tuo browser non supprta le iframe.. Aggiornalo!</iframe>

---

(come avrai capito, il codice tra i marcatori iframe è quello che verrà visualizzato se il browser non supporta le iframe). Così dovrebbe funzionare!
A questo punto non ti resta che giocare con gli attributi width e height x collocare bene il tuo form all'interno del post... puoi usare anche CSS (x far sparire i bordi, ad esempio)!!

@alessandrozappa: grazie ma hai letto bene i vari post?
L'ultimo in particolare:

Citazione:

---

Originalmente inviato da darkwolf

@saitfainder: oltre a mantenere il form in un altra pagina e integrarlo tramite un iframe non c'è altro modo?...

---

Insomma, so come si crea un'iframe (ne ho qualcuni sul mio sito, esempio per il guestbook) ma è una soluzione "sporca" e preferirei evitarla.

Hai ragione, capito male ultimo post.

La tua soluzione è quella giusta!

Codice:

---

<a href="myphp.php?idutente=xx" target="_blank">visualizza profilo</a>

---

Poi in myphp.php intercetti l'idutente con $_GET['idutente']
e carichi in qualche modo i dati dell'utente... in pratica così facendo dovresti "cannibalizzare" il tuo framework: potresti fare ad esempio una chiamata ajax alla pagina che visualizza i profili o più facilmente è possibile che ti basti un redirect!

Apri la pagina del profilo di un utente e guarda l'url: cosa ti da? se è facile ricostruirlo a partire dall'id sei a cavallo...

Scusate ma ripropongo la situazione:
Io ho un link del tipo:

Citazione:

---

sito.xx/directory/file.php?action=test&utente1=1234567890&target=10

---

e tale link, inserendolo in un campo di testo, cliccando poi su un pulsante, dovrebbe rimandarmi a:

Citazione:

---

sito.xx/request.php?id=1234567890

---

-
Tutto ciò, per evitare di "infastidire" il resto della pagina, dovrebbe essere scritto interamente in javascript (non posso usare php attivo nel post) ma non conoscendo il javascript non riesco ad elaborare questa cosettina che di certo è una sciocchezza.
-
Cioè, in parole povere:
http://img693.imageshack.us/img693/6987/jsform.jpg

Se la situazione è questa allora non hai nemmeno bisogno del form. Semplicemente onclick del bottone ci metti una qualcosa tipo questo (ipotizzo un ID sul text input):

Codice:

---

window.location = "sito.xx/request.php?id="+((document.getElementById('myinputbox').value.match(/utente1=(\d+)/))[1]);

---

Grazie saitfainder :)
-
Ho inserito questo:

Codice HTML:

---

<input id="faceurl" type="text" size="70" />
<input type="button" value="Vai al Profilo" onclick="window.open('http://www.facebook.com/profile.php?id='+((document.getElementById('faceurl').value.match(/user1=(\d+)/))[1]));" />

---

ma continua ad andare in conflitto con il template:

Citazione:

---

darkwolf.altervista.org/news-board/friend-facts-amico-fatti-hack-come-sapere-chi-ha-risposto-non-avendo-punti/

---

Non mi serve più di tanto ma mi faceva piacere risolvere per pura curiosità :/

Mettendo questa stringa mi sembra che funzioni

Codice:

---

sito.xx/directory/file.php?action=test&user1=1234567890&target=10

---

No?

Te lo giuro, mi sto confondendo :|
Adesso, con questa, sembra che funzioni proprio come dovrebbe :)

Codice HTML:

---

<input id="faceurl" type="text" size="70" />
<input type="button" value="Vai al Profilo" onclick="window.open('http://www.facebook.com/profile.php?id='+((document.getElementById('faceurl').value.match(/user1=(\d+)/))[1]));" />

---

-
Edit: ah, ok, ecco il perchè mi confondevo.
Se clicco su invio esce l'alert ecc... se clicco sul pulsante invece è ok (proverò a disabilitare il tasto invio) :)

Certo, premendo invio sulla riga di testo fai partire il form.

Citazione:

---

Originalmente inviato da saitfainder

Certo, premendo invio sulla riga di testo fai partire il form.

---

Hai qualche consiglio da darmi per aggirare il problema? :)
Chessò, magari forzando ad ignorare l'invio oppure a mandare automaticamente la selezione sul pulsante (così facendo l'invio dovrebbe equivalere al click sul pulsante no?) :/

Ecco cosa mi è venuto in mente:

Codice HTML:

---

<html>
<head>
<script type="text/javascript">
flag = true;

function check() {
        return flag;
}
</script>
</head>
<body>
<form action="x.php" onsubmit="return check()">
        <input type="text" onkeydown="flag=false" onkeyup="flag=true"/>
        <input type="submit" />
</form>
</body>
</html>

---

Premento invio nel campo text il flag è falso e il form non viene inviato. Se invece si invia il form in qualsiasi altro modo flag è vero.

Grazie saitfainder ma con il codice riportato mi mandava l'alert sia con l'invio che cliccando sul button (suppongo sempre a causa della confusione che si crea con il template) :/
Attualmente ho risolto con questo (trovato by google):

Codice HTML:

---

<script type="text/javascript">
<!-- //Disabilito il tasto Invio
function disableEnterKey(e) {
        var key;
        if(window.event)
                key = window.event.keyCode; //IE
        else
                key = e.which; //firefox
        return (key != 13);
}
// -->
</script>
<script type="text/javascript">
<!-- //Scrivo il tutto tramite javascript
document.writeln('<input id="faceurl" type="text" style="width: 80%;" onkeypress="return disableEnterKey(event)" value="Inserire solo link validi (come da istruzioni nella guida)..." onfocus=\'this.value = "";\' onblur=\'if(this.value=="") this.value="Inserire solo link validi (come da istruzioni nella guida)...";\' />');
document.writeln('<input type="button" value="Vai al Profilo" onclick=\'window.open("http://www.facebook.com/profile.php?id="+((document.getElementById("faceurl").value.match(/user1=(\\d+)/))[1]));\' />');
// -->
</script>
<noscript>
<input type="text" value="Per utilizzare questa funzione è necessario il JavaScript" disabled="disabled" style="width: 80%;" />
<input type="button" value="Vai al Profilo" disabled="disabled" />
</noscript>

---

Testato con: IE8, Firefox; Opera; safari e chrome :wink: