Смяна на бекграунда на страницата

[Liberate]

някой знае ли как може да се направи това:

бекграунда на страницата си е бял... в него има input поле където като въведеш линк към дадена картинка и цъкнеш OK да ти прави картинката бекграунд?

или пък да не е с input поле а с prompt ... както и да е само да може да се променя без да се ровичкам секи път в сорса

 

[emagi]

Ето ,написах ти един такъв скрипт:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function setWall()
{
var text = document.getElementById('wallpaper').value;
var url = 'http://localhost/WT/wallpaper.jpg';
document.body.style.background = "url("+text+")";
}
</script>
</head>

<body>
<input type="text" id="wallpaper" /><br />
<input type="submit" onclick="setWall()" />
</body>
</html>

Качил съм снимка на адрес:

ЛИНК

 

[emagi]

Ето и с prompt:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function setWall()
{
var text = prompt("Моля, въведете адрес на изображението", '');
var url = 'http://localhost/WT/wallpaper.jpg';
document.body.style.background = "url("+text+")";
}
</script>
</head>

<body>
<a href="javascript:;" onclick="setWall()">Зареди тапет</a>
</body>
</html>