Wszystko o HTML, XHTML, XML, CSS.
panki
Posty: 34 Rejestracja: 07 maja 2007, 16:00:56
Płeć:
User Agent:
Post
autor: panki » 08 gru 2009, 19:45:53
witam
mam taki przkladowy kod :
Kod: Zaznacz cały
<html>
<head>
<style>
div {
position: relative;
width: 400px;
min-height: 200px;
background-color:yellow;
}
</style>
<script>
function wstaw(){
w=document.getElementById("okienko");
x=document.getElementById("x").value;
y=document.getElementById("y").value;
w.innerHTML+='<div style="left: '+x+'px;top: '+y+';width:20px;height:20px;background-color:red;"></div><div>';
}
</script>
</head>
<body>
<div id="okienko">
</div>
pozycja: x <input id="x"></input>y <input id="y"></input><input type="button" value="wstaw" onclick="wstaw()"></input>
</body>
</html>
a probelem jest taki ze chcialbym po w prowadzeniu wartosci x i y pokazal sie nastepny div z funkcji ale jak bede chcial wstawic nastepny div nie sie pokaze w odpowiednim miejscu a nie na dole. div z position: absolute odpada bo wtedy nie skaluje sie okienko.
Wie ktos jak to zrobic.
panki
erwin15
Posty: 232 Rejestracja: 24 paź 2007, 11:09:46
Strona na CBA.pl: www.24htapety.cba.pl
Płeć:
User Agent:
Kontakt:
Post
autor: erwin15 » 22 sty 2010, 22:44:09
Kod: Zaznacz cały
<html>
<head>
<style>
div {
position: fixed;
width: 400px;
min-height: 200px;
background-color:yellow;
}
</style>
<script>
function wstaw(){
w=document.getElementById("okienko");
x=document.getElementById("x").value;
y=document.getElementById("y").value;
w.innerHTML+='<div style="z-index: 2; left: '+x+'px;top: '+y+';width:20px;height:20px;background-color:red;"></div><div>';
}
</script>
</head>
<body>
<div id="okienko"></div>
<br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br />
pozycja: x <input id="x"></input>y <input id="y"></input><input type="button" value="wstaw" onclick="wstaw()"></input>
</body>
</html>
cos takiego wykombinowalem
musisz to dopracowac z poziomu css i bedzie smigac
erwin15