Passare dato nella pagina

[bANART]

Ciao a tutti!
C'è la possibilità in js di passare un dato da un form ad una riga di codice nella stessa pagina?

Vedi immagine

Grazie a tutti

[deleted_110]

ipotizziamo che la tua form si chiami "my_form"

ipotizziamo che il codice sia in un input chiamato "codice"

e ipotizziamo che la tua immagina abbia un id che sia "immagine"

crei un bottone cosi'

<input type="button" onclick="document.getElementByID('immagine').src= 'http://www.sito/' + document.my_form.codice.value +'_1_f.jpg'  "> 

spero di non aver saltato qualche apice

[bANART]

Grazie mille Andrea ma il problema è un altro...

Io ho un input Text, all'interno ci va un codice.

Ora ho una serie di immagini (tante) che hanno tutte un'estensione e un path diverso, l'unica cosa che le accomuna è il codice che vado ad inserire.

Tutti i tag immagine hanno tutto completato tranne la parte in mezzo.

Quindi quando inserisco in codice mi dovrebbe restituire tutta una serie di immagini appartenenti a quel codice.

Non so se mi sono spiegato bene (mi sono appena svegliato)

Grazie
Matteo

[deleted_110]

cioe' ti serve un array contenente tutte le immagini con uguale codice?

Sarebbe faicle se tu avessi modo di assegnare a quelle immagini un nome che e' il codice

ad esempio se il codice e' abc123

per avere l'array di queste tre immagini basta fare

immagini = document.getElementsByName("acb123");

e "immagini" e' un array che scorri come ti pare

[bANART]

..ti faccio l'esempio pratico:

<form id="formStyle" name="searchform">
    <fieldset id="inputTxt">
        <input id="inpuText" type="text" name="code" size="37">
    </fieldset>
    <fieldset id="submitButtCont">
        <input id="submitButt" type="button" value="detect." onclick="javascript:convert();">
    </fieldset>
</form>

[url="images/@@CODE@@_6.jpg"][img]images/@@CODE@@_6.jpg[/img][/url] 

Ora quello che scrivo nell'input text deve andare a sostituire le @@CODE@@.

Si può fare vero con js?
Grazie tantissime per l'aiuto... è che in javascript non sono molto ferrato.

Matteo

[deleted_110]

si puo' fare facilmente.

una volta identificata l'immagine

imgsrc = immagine.src;
imgsrc.replace("@@CODE@@","abc123");
immagine.src = imgsrc;

Cio' che non capisco e': in quale/quali immagini devi cambiare questo codice?

Mi hai detto che ne hai tante con lo stesso codice.

E ne avrai altre con altri codici.

Quindi immagino che dovrai passare alla funzione convert() qualche dato per identificarle.

[bANART]

No, ho tante immagini da visualizzare inserite in una cartella su un server.
Queste immagini si chiamano tutto con un codice iniziale (non so, tipo 8274238432) e un suffisso (tipo _1a; _1b; _1c; _2a; _2b; _2c)


Quindi le immagini si chiameranno (tipo):









mentre nel codice io scrivo:









Ovviamente ci sono un'infinità di codici e ogni codice ha i suoi suffissi.
Io devo fare in modo che in base al codice che inserisco nell'input mi passi tutte le immagini appartenenti a quel codice con i relativi suffissi.

Ora, ad ogni immagine io posso assegnargli tipo name="imgthumb".

GrazieGrazieGrazieGrazieGrazieGrazieGrazie!!!!

Mi scriveresti il codice completo in js (<script>....</script>)
Grazie ancora per l'immenso aiuto che mi dai!

Ciao
Matteo

[deleted_110]

ok, oggi giornata stanca in ufficio e quindi posso darti una mano.

Ho ancora 2 domande pero':

1 - la stringa va sostituita in tutte le immagini?
2 - non e' chiaro se quando scrivi name="imgthumb" intendi che puoi assegnare il nome che ti apre all'immagine o sei obbligato per vari motivi a chiamare ogni immagine proprio "imgthumb"

[bANART]

Si, la stringa va sostituita a tutte le immagini. Ovunque si trovi @@CODE@@ va il valore inserito nell'input text.

Il nome dell'immagine "imgthumb" l'ho messo come esempio, posso cambiarlo!

GrandE!!!!

[deleted_110]

<script type="text/javascript">
function convert() 
{
    var codice = document.getElementById("inpuText").value;
    var immagini = document.getElementsByTagName("img");
    for(var i=0; i< immagini.length; i++)
    {
        imgsrc = immagini[i].src;
        imgsrc.replace("@@CODE@@", codice);
        immagini[i].src = imgsrc;
    }
}
</script>