Tutorijali.Net forum

Full Version: value kao slika
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

Quote:
<input type="text" id="drvo" value='<img src="1.gif" />' />

Naravno, u text boxu samo ispise <img src="1.gif" />, a ne prikaze sliku. Kako napraviti da prikazuje sliku?

Ne možeš stavit sliku textbox. Možeš jedino css-om napravit da bude pozadina neka slika.

Gogy Wrote:
Ne možeš stavit sliku textbox. Možeš jedino css-om napravit da bude pozadina neka slika.


Steta... Moze li se napraviti (css-om) da kada se pocne upisivati text nestane ta pozadina?

zero Wrote:
Moze li se napraviti (css-om) da kada se pocne upisivati text nestane ta pozadina?


Može uz korištenje pseudo-klase ":focus". Problem je što je ne podržavaju svi preglednici; probaj pogoditi koji.

Moš javascriptom.

Code:
<html>
<body>

<script>
function test(boks)
{
    boks.style.backgroundImage=""
}
</script>
<input type="text" style="background-image:url(fds.bmp)" onkeyup="test(this)" />


</body>
</html>


Kad bolje razmislim moš i Css-om zapravo:

Code:
<html>
<head>
<style>
.test
{
    background-image: expression(document.getElementById("boks").value?"url('fds.bmp')" : "");

}
</style>


</head>
<body>
    <input class="test" type="text" style="" id="boks"/>

</body>
</html>

Puž Wrote:
Moš javascriptom.

Code:
<html>
<body>

<script>
function test(boks)
{
    boks.style.backgroundImage=""
}
</script>
<input type="text" style="background-image:url(fds.bmp)" onkeyup="test(this)" />


</body>
</html>


Kad bolje razmislim moš i Css-om zapravo:

Code:
<html>
<head>
<style>
.test
{
    background-image: expression(document.getElementById("boks").value?"url('fds.bmp')" : "");

}
</style>


</head>
<body>
    <input class="test" type="text" style="" id="boks"/>

</body>
</html>


Thx... Koristio sam javascript He he

Reference URL's