Ширина Div-a через JS

Marlik · February 21, 2008

В общем мне надо чтоб при загрузке страницы, заружался определенный яваскрипт который выставлял бы ширину определенного дива на нужную мне величину! Но как это сделать я не знаю так же как я делал с картинками не получается кто разбирается JS помогите плиз!

klierik · February 21, 2008

<div id="yo"></div>

<script>
document.getElementById("yo").style.width = "256px";
</script>

Marlik · February 21, 2008

<div id="yo"></div>

<script>
document.getElementById("yo").style.width = "256px";
</script>

Спасибо большое помогло но только в ие и опере а как в нн и фф сделать кто нибудь знает?

Vlad · February 24, 2008

Да точно так же и должно работать. Только скрипт желательно в head вынести.

homm · February 24, 2008

Спасибо большое помогло но только в ие и опере а как в нн и фф сделать кто нибудь знает?

Может type у script указать?

Marlik · February 24, 2008

Спасибо большое помогло но только в ие и опере а как в нн и фф сделать кто нибудь знает?
Может type у script указать?

Не непомогло=) но все равно спасибо может у кого нить еще есть идеи?

homm · February 24, 2008

Не непомогло=) но все равно спасибо может у кого нить еще есть идеи?

Ты не поверишь, но фаерфоксу нужно что-бы было содержимое элемента, иначе getElementById не возвращает его Просто посавь внутрь

Marlik · February 24, 2008

В общем у меня так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Мой сайт</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script src="script.js" type="text/javascript"></script>
</head>
<body onload="div_width()">
<div id="header"> </div>
</body>
</html>

Где файл script.js соддержит

function div_width() {
var wid = screen.width;
var wid_p = wid-221;
document.getElementById("header").style.width = wid_p;
}

А фаил style.css

html,body {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
#header {
background-color: #000;
height: 100px;
}

И фаерфокс и нетскейпнавигатор упорно отказываются работать=(

homm · February 24, 2008

Вот так работает:

<style>
#yo {height: 40px; background: red; color: red;}
</style>
<div id="yo">1</div>

<script>
document.getElementById("yo").style.width = "256px";
</script>

function div_width() {
var wid = screen.width;
var wid_p = wid-221;
document.getElementById("header").style.width = wid_p;
}

Здесь у тебя еще одна ошибка: width = wid_p.toString()+'px';

Marlik · February 24, 2008

Большое спасибо все работает

Sign In

Ширина Div-a через JS

Question

Marlik

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Marlik

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Marlik

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Marlik

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Marlik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information