Cambiare solo una parte di un un link con diretta anteprima

Da Ospite Dom 18 Dic 2011 - 16:12

Ciao a tutti, sono fermo a un codice..
volevo fare un anteprima in diretta e qui ci sono riuscito..
volevo creare un sistema che modifichi solo una parte del codice: sono bloccato.
Questo è il codice:

Codice:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it"> <head> <title>Anteprima commento - Esempio JavaScript scaricato da HTML.it</title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="it" /> <meta name="Robots" content="All" /> <meta name="Description" content="HTML.it - il sito italiano sul Web publishing" /> <meta name="Keywords" content="Ad ogni apertura di pagina questo script genera un differente colore di sfondo." /> <meta name="Owner" content="HTML.it srl" /> <meta name="Author" content="HTML.it srl" /> <meta name="Copyright" content="HTML.it srl" /> <style type="text/css"> #dynamic { border: 1px; padding: 3px 20px 20px 20px; margin-top: 0; color: #000; background-color: #FFFFCC; width: 400px; } </style> <script type="text/javascript"> function update(){ document.getElementById("dynamic").innerHTML = document.input.html.value setTimeout("update()",80); } </script> </head> <body> <h1>Anteprima commento</h1> <form name="input"> http://apps.facebook.com/empiresandallies/request.php?itemName= <textarea rows="1" cols="2" name="html">22</textarea>&requestType=level_up&overlayed=true </form><div id="dynamic"> </div> <script type="text/javascript">  </script>

Qui per vedere: http://empiresallies.forumitaliano.com/h14-f

Come vedete mi fa l'anteprima solo di cio' che scrivi nel "Text Area"... ma io vorrei di tutto il link.

Grazie in anticipo a chi risponde Wink

Da Ospite Sab 24 Dic 2011 - 18:54

Da Ospite Dom 8 Gen 2012 - 16:16

Ciao,

quello che tu vorresti ottenere è qualcosa tipo la casella "a cosa stai pensando" di facebook?
Nella quale se metti un link ti crea il link con l'anteprima?

:zen:

Da Ospite Dom 8 Gen 2012 - 17:00

No, intendo una cosa cosi':

Codice:: [i]http://app.facebok.wikiinfo/[/i][b]NUMERO[/b][i]/sif.php[/i]

Vorrei che la parte in corsivo sia un parte NON modificabile, invece in grassetto è possibile modificarlo.

Dopo di che (il codice che ho messo io prima) sotto esce il link completo.

Da Ospite Lun 9 Gen 2012 - 17:11

Scusa non ho capito...
al posto di NUMERO cosa vorresti mettere? Sad

Da Ospite Lun 9 Gen 2012 - 17:19

Vorrei inserire la casella modificabile.

Cioè:

Codice:: (http://wikiinfo.)[00](interchannel.php)

Quello in tra parentesi tonda deve essere la parte NON MODIFICABILE.
Quello in tra parentesi quadrata deve essere la parte MODIFICABILE.

Tutto qua OK.

Andiamo alla parte difficile.

Dopo che una ha inserito nella parte MODIFICABILE il numero o testo, sotto lo javascript fabbrica il codice creato. MA ATTENZIONE:non ci deve solo essere la parte modificabile, ma anche quella non modificabile in un link unico.

Credo che sia difficile farlo, ma non impossibile Wink

Grazie mille Very Happy

Da Ospite Lun 9 Gen 2012 - 17:22

già non è impossibile ma avrei bisogno di un tutorial...
prova a guardare su www.jquery.org

se vedi un esempio dimmelo... :)

Da Ospite Lun 9 Gen 2012 - 17:25

Bha, non ci capisco nulla in quel sito xD . Grazie comunque.

Ti faccio un esempio mio e ti passo la pagina.. solo che quello che ti faccio vedere poi non è quello che veramente voglio. Tra pochi minuti ti passo il link.

Da Ospite Lun 9 Gen 2012 - 17:31

Ecco: http://wikiwebmaster.forumattivo.it/h26-demo-generatore-link

Come vedi mi fa solo l'anteprima della zona modificabile. Io vorrei che mi faccia l'anteprima di tutto il link Sad

ma mi fa solo la zona fuori il text area.

Da Ospite Lun 9 Gen 2012 - 17:38

Prova a modificare questo codice:

Codice:: <textarea rows="1" cols="2" name="html">00</textarea>

in questo:

Codice:: <textarea name="input" style="position: relative" rows="1" cols="2" name="html">00</textarea>

se non funziona questo devi assegnare un attributo Id="X" alla "textarea" e inserirlo nel codice script che ti da l'anteprima

Da Ospite Lun 9 Gen 2012 - 17:40

Uhm, forse non mi sono spiegato bene Sad

La parte che puoi modificare, cioè text area funziona.
Il problema a che la parte del link fuori il text area non me lo mette sotto.(che sarebbe il link fatto).
Se mi aggiungi su MSN mi spiegherò meglio.