Forum Moderators: open
window.onload = function()
{
document.body.appendChild( rectangle(200,100,250,250,"blue","red") )
}function rectangle(w,h,x,y,bg,bCol)
{
var rect = document.createElement("div");
var style = rect.style;
style.width = w +"px";
style.height = h +"px";
style.left = x +"px";
style.top = y +"px";
style.backgroundColor = bg;
style.borderColor = bCol;
// fixed
style.position = "absolute";
style.borderStyle = "solid"
style.borderWidth = 1;
return rect
}
Style property names are formed by removing the hyphens (-) from the normal css-version, and using interCapping.
font-size --> fontSize
You'll have to post your new version of the function.
> where can i get others similar example?
Google: DHTML beginners tutorial [google.com]
I would recommend concentrating as much as possible on learning core Javascript first.
This site is good: [howtocreate.co.uk...]
function rectangle(w,h,x,y,bg,bCol) {
var rect = document.createElement("div");
var style = rect.style;
style.width = w +"px";
style.height = h +"px";
style.left = x +"px";
style.top = y +"px";
style.backgroundColor = bg;
style.borderColor = bCol; // fixed
style.position = "absolute";
style.borderStyle = "solid"
style.borderWidth = 1;
style.fontSize = "18px";
style.font = "Arial";
rect.innerHTML = "hello";
return rect }
the font type syntax should be:
style.fontfamily="Arial";
See msg #4 :)
Remember that with innerHTML you can insert HTML code:
rect.innerHTML = "<p>hello</p><p>goodbye</p>"
..and that innerHTML is not a "standard" property. It's just a MS proprietary property that most other browsers now support too - because it's so useful.
i had try on it, but it cant work. i using for loop because i want to draw a few rectangle based on user request...can i do it? any ideas or examples?
A page containing Javascript can be served with PHP, but that's a different issue.
What have you tried so far? Is the code postable?
