utilizzare input text come indirizzo di una foto?

**equiweb.it** · 09-06-2007, 11:54

ciauz a tutti... ho cercato sia nel forum sia in internet ma nn sono riuscito a trovare uno script che facesse qualcosa di simile a ciò che mi serve...
ho un form...con un campo type="text" vorrei che quando viene inserito un url di una foto questa venisse visualizzata di fianco al campo...

qualcuno ha qualche suggerimento da darmi?

ciauzzz e grazie

**pietro09** · 10-06-2007, 20:08

Originariamente inviato da equiweb.it
ciauz a tutti... ho cercato sia nel forum sia in internet ma nn sono riuscito a trovare uno script che facesse qualcosa di simile a ciò che mi serve...
ho un form...con un campo type="text" vorrei che quando viene inserito un url di una foto questa venisse visualizzata di fianco al campo...

qualcuno ha qualche suggerimento da darmi?

ciauzzz e grazie

vedi se va bene

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" >
<head>
    <title>Pagina senza titolo</title>
    <link href="../stili/Styles.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">
// <!CDATA[
function vedi_immagine()
{
    document.getElementById("img1").src = document.getElementById("Text1").value;
}


// ]]>
</script>
    
</head>
<body>
    <div>Prova questo:</div>
    <div>http://static4.bareka.com/photos/med...491/grugua.jpg</div>
    <input id="Text1" type="text" style="width: 496px" value="" onchange="vedi_immagine()" />
    


    [img][/img]
</body>
</html>

**equiweb.it** · 10-06-2007, 20:47

è perfetto... ti ringrazio davvero sei stato gentilissimo!

ciauzzz

**pietro09** · 10-06-2007, 21:05

Originariamente inviato da equiweb.it
è perfetto... ti ringrazio davvero sei stato gentilissimo!

ciauzzz

visto che ti è piacciuto, ti propongo la versione più che perfetta

Scherzo.

E' che non mi piace fare apparire una immagine in quel modo. Preferisco premere il tasto ENTER e credo anche a tanti altri utenti perchè più naturale.
Inoltre, l'immagine è all'inizio nascosta e si rende visibile solo dopo il caricamento.

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" >
<head>
    <title>Pagina senza titolo</title>
    <link href="../stili/Styles.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">
// <!CDATA[
function vedi_immagine()
{
    document.getElementById("img1").src = document.getElementById("Text1").value;
}


// ]]>
</script>
    
</head>
<body>
    <div>Prova questo:</div>
    <div>http://static4.bareka.com/photos/med...491/grugua.jpg</div>
    <input id="Text1" type="text" style="width: 496px" onkeydown="if ((event.which && event.which == 13) || (event.keyCode && event.keyCode == 13)) {vedi_immagine();return false;} else return true; "/>
    


    [img][/img]
</body>
</html>

**pietro09** · 10-06-2007, 21:24

se lo modifico così:

codice:

function vedi_immagine()
{
    var img = document.getElementById("img1");
    img.src = "../CorsoApogeo/ajax/ajax_in_action/indicator.white.gif";
    img.src = document.getElementById("Text1").value;
}

quando premo ENTER vedo una gif animata (../CorsoApogeo/ajax/ajax_in_action/indicator.white.gif) fino a che l'immagine non viene caricata del tutto

**equiweb.it** · 10-06-2007, 22:11

uhuhhuhu da paura! :-D

grazie mille dlell'aiuto!
questo codice secondo me può essere utile a molti...
io avevo cercato...ma avevo trovato esempi fatti sempre con delle select...mai con un imput text :-)

ciauzzz e grazie ancora

Discussione: utilizzare input text come indirizzo di una foto?

Strumenti discussione

Ricerca discussione

Visualizza

utilizzare input text come indirizzo di una foto?

Re: utilizzare input text come indirizzo di una foto?

Permessi di invio