Search di un sito con sfondo immagine

davide.al

Search di un sito con sfondo immagine

Ciao a tutti, non riesco a trovare qualcosa che mi può aiutare per capire come inserire uno sfondo immagine in una textarea di ricerca tipo questa:
http:// it.dada.net/

Grazie.

paolokat

prova ad usare questo codice

davide.al

nn funziona

paolokat

ho usato 3 files: prova.html, css.css e lucchetto png

nel file html ho inserito il seguente codice

nel foglio di stile ho inserito il seguente codice

textarea {
background-image: url(lucchetto.png);
}

la textarea che ho creato ha al suo interno l'immagine lucchetto.png

satifal

@Davide-Al said:

nn funziona

Non devi inserire il TAG IMG. paolokat ti ha fornito l'esempio giusto, bastava fare come ti ha detto lui:

[HTML]
<html>
<body>
<textarea rows=5 cols=20 style="background: url(immagine.gif) no-repeat"></textarea>
</body>
</html>
[/HTML]

Ho inserito il no-repeat per evitare la ripetizione orizzontale o verticale dell'immagine, ma può essere eventualmente rimosso.

davide.al

perfetto! funziona, grazie, ma vorrei che quando si clicca sopra x scrivere deve scomparire

esempio
http:// it.dada.net/

satifal

Una soluzione che mi viene in mente, ma magari ce ne sono altre, è la seguente:

[html]
<html>
<head>
<style type="text/css">
textarea {
background: url(immagine.gif) no-repeat;
}
</style>

    <script type="text/javascript">
        function setBgColor(color) {
            document.getElementById("myTextArea").style.background = color;
        }
    </script>        
</head>

<body>
    <textarea rows=5 cols=20 id="myTextArea" onfocus="setBgColor('#FFFFFF');"></textarea>
</body>

</html>
[/html]

davide.al

Perchè nn mi funziona cn questo?

<html>
<head>
<style type="text/css">
input type {
background: url(Log.gif) no-repeat;
}
</style>

    <script type="text/javascript">
        function setBgColor(color) {
            document.getElementById("myInputType").style.background = color;
        }
    </script>        
</head>

temp

             document.getElementById("myInputType").style.**backg**  **round** = color;

come mai cè uno spazio tra "backg" e "round" ?

satifal

Scusa, cos'è "input type" ???

davide.al

[PHP] document.getElementById("myInputType").style.backg round = color;

come mai cè uno spazio tra "backg" e "round" ?[/PHP]

è senza spazio ho sbagliato a scrivere

[PHP]<html>
<head>
<style type="text/css">
input type {
background: url(Log.gif) no-repeat;
}
</style>

    <script type="text/javascript">
        function setBgColor(color) {
            document.getElementById("myInputType").style.background = color;
        }
    </script>        
</head>

<body>
<input type cols=20 wrap="physical" id="myInputType" onFocus="setBgColor('#FFFFFF');"></input type>
</body>
</html>[/PHP]

[PHP] Scusa, cos'è "input type" ???[/PHP]
è una casella dove fai una ricerca, come search di google

Non riesco a far funzionare l'immagine nell'input type

satifal

Non esiste un TAG "input type" in HTML.

davide.al

come nn esiste

e questo?

[PHP]<input type cols=20 wrap="physical" id="myInputType" onFocus="setBgColor('#FFFFFF');"></input type>[/PHP]

prova a inserire questo in editing html e vedi sul browser

satifal

Se ti sembra corretto quello che hai scritto allora dovrebbe funzionare.

davide.al

Come l'ho scritto nn credo, ma mi hai detto che non conoscevi input type, è normale che risp così... è come dire <body> nn è un tag html...!? Io ti chiedo scusa x la mia riposta, ma nn so perché nn funziona ancora... io quello che vorrei fare è un input di ricerca comme google, però con uno sfondo immagine all'interno. Come http ://it.dada.net/
Chissà forse lo devo fare in Flash.

Grazie

gameover

Buongiorno davide-al

E' il terzo link attivo al suo sito che inserisce e che le viene editato.

Questo non è concesso in quest'Area dalle Regole di sezione:
*>

3.0. Non è consentito inserire link a propri siti o ad altri nel topic di presentazione o nei post successivi. *