[JavaScript, AJAX] Задай вопрос, получи ответ

на странице контент изменяется динамически. иногда он не влезает в экран по высоте и тогда справа появляется вертикальный скроллбар, который двигает всю страницу слево из за чего она дергается.
как сделать, чтобы при появлении скроллбара все содержимое страницы оставалось на месте и не дергалось?

 

Это будет проблематично, проще выставить overflow-y: scroll для тега body

 

а спрятать скроллбар, когда он не нужен, можно?
чтобы он как бы был (overflow-y: scroll), но видно не было.
и да, рассмотрю проблематичные варианты)

 

кто работал с jquery.jqtransform. Мне надо через ajax подгружать информацию в селект. Но как-то не очень хочет работать. Кто сталкивался?

 

Не работал, но и безо всяких qtransform, стандартными средствами jquery можно заполучить желаемое

 

Проблема в том, что браузеры не отдают ширину полосы прокрутки, а считают ширину полотна вместе с ней.

Jqtransform, данный плагин заменяет стандартные элементы формы, дублируя их события. После своей работы плагин не оставляет их, а заменяет их обычными блочными элементами, это можно видеть проинспектировав элемент Jqtransform.
В плагине скорее всего есть метод отменяющий его действие, после этого добавить элемент и вновь запустить плагин. Решение в лоб. Правив исходники можно добиться динамического обновления, но это, думаю, скажется на производительности приложения.
Либо глянуть во что превращает плагин элементы и добавлять по аналогии и не забыть про события.

 

Как сделать, чтобы открывающееся окно было под основным, а не сверху?

 

Code:

var height = 500;
var width = 500;
w = window.open("http://vk.com/", "[B]", "top=" + ((screen.availHeight - height) / 2) + ",left=" + ((screen.availWidth - width) / 2) + ",height=" + height + ",width=" + width + ",resize=yes,scrollbars=no,toolbar=no,location=no, menubar=no,status=no");
w.blur();
window.focus();

 

Навигация с помощью выпадающего списка select

HTML:

<SCRIPT>
function urlGo(url) {
  if (url != ' ') {
    window.location = url;
  }
}
</SCRIPT>

<SELECT ID=myselect ONCHANGE="javascript:urlGo(this.value)">
<OPTION VALUE=" " SELECTED> 
<OPTION VALUE=MAIN>Главная
<OPTION VALUE=CONTACT>Контакты
<OPTION VALUE=SERVICE>Услуги
</SELECT>

Если посетитель находится на странице контактов, то соответственно будет выбрана опция SERVICE. Как сделать обновление страницы, если посетитель выберет опцию на которой же и находится? То есть, он сейчас на странице SERVICE и выбирает из меню пункт SERVICE, то страница должна обновляться.

 

Хм,рандом?

Code:

<SCRIPT>
function urlGo(url) {
  if (url != ' ') {
    window.location.href = url+'?r='+Math.random();
  }
}
</SCRIPT>

<SELECT ID=myselect ONCHANGE="javascript:urlGo(this.value)">
<OPTION VALUE=" " SELECTED> 
<OPTION VALUE=MAIN>Главная
<OPTION VALUE=CONTACT>Контакты
<OPTION VALUE=SERVICE>Услуги
</SELECT>

 

Уточню нужно запускать событие onchange когда выбирается выбранный пункт.

 

Пфу...так-бы и сразу...

Code:

<SELECT ID=myselect>
<OPTION VALUE=" " SELECTED onClick="urlGo(this.value)"> 
<OPTION VALUE=MAIN onClick="urlGo(this.value)">Главная
<OPTION VALUE=CONTACT onClick="urlGo(this.value)">Контакты
<OPTION VALUE=SERVICE onClick="urlGo(this.value)">Услуги
</SELECT>

 

У option отсутствует событие click

 

Как на JS сделать следующие:
Есть:

Code:

<img src="URL">

Нужно показывать анимацию (другую картинку) пока "src" не загружена на компьютер пользователя на 100%

 

Code:

<img id="wait" src="wait.gif">
<img style="display:none;" src="pic.jpg" onLoad="$(this).show();$('#wait').hide();">

Вот один из способов,на jQuery...
Думать суть ясна,далее можешь по своему делать

 

А без использование jQuery, только на JS есть возможность такое сделать?

 

можно

Code:

<img id="wait" src="wait.gif">
<img style="display:none;" src="pic.jpg" onLoad="this.style.display='inline-block';document.getElementById("#wait").style.display='none';">

что-то вроде такого...
п.с. не проверял)

 

Помогите, пожалуйста, сделать удобную функцию.
Есть дивы сайта, типо :

PHP:

!-- #menu# --><div id="hide_menu_bans" style="display:none;"><!-- #menu# -->
<!-- #menu# --></div><!-- #menu# -->

<!-- #menu# --><div id="hide_menu_stats" style="display:none;"><!-- #menu# -->
<!-- #menu# --></div><!-- #menu# -->


И я пользуюсь функциями :

PHP:

         function Menu_News() {
           document.title = 'XNi | Новости';
            $("#hide_menu_acc").hide();
            $("#hide_menu_bans").hide();
            $("#hide_menu_about").hide();
            $("#hide_menu_news").fadeIn(700);
        }
           function Menu_About() {
           document.title = 'XNi | Информация для пользователей';
            $("#hide_menu_acc").hide();
            $("#hide_menu_bans").hide();
            $("#hide_menu_news").hide();
            request('?a=load&page=3','hide_menu_about');
            $("#hide_menu_about").fadeIn(700);
        }


Подскажите, пожалуйста, как сделать это в 1 функцию ? Проблема в том, что дивов всё больше таких..

 

Подскажите как можно остановить работу функции process() кнопкой "Стоп", после нажатия на кнопку "Начать"?

PHP:

<input type='button' onclick='process(); return false' value='Начать'>
 <input type='button' value='Стоп'>
 <textarea id="divMessage" rows="40" cols="45"></textarea>

PHP:

function process() {
    document.getElementById("divMessage").innerHTML = document.getElementById("divMessage").innerHTML + ' текст';
    setTimeout('process()', 1000);
 }

 

да ладно?