Как сделать, чтобы при нажатии на radio переключатель ( < input > ) запускался на исполнение скрипт?

Question

[Алексей Смирнов]

Есть такая страница:
i4.ru/professors.html
на этой странице есть 4 переключателя (меняющие положение блоков с фотографиями и ФИО).
Мне нужно, чтобы каждый раз при нажатии на любой из 4-х переключателей запускался на исполнение скрипт из внешнего файла (divHeight100.js - он рассчитывает высоту).

Answer 1

[Юрий Лобанов]

jsfiddle.net/Ur8A7
Правда зачем Вам такой скрипт, когда есть jquery на странице - загадка )

Comments

[Алексей Смирнов]

@iiil Я и не знал что можно с помощью jQuery заменить этот скрипт)
А вообще в будущем я постараюсь уменьшить присутствие jQuery на страницах сайта, а этот скрипт нужен будет везде.

[Юрий Лобанов]

@ERAFY но только учтите, что я-то на jq написал )

Answer 2

[Юрий Лобанов]

Для Вашего примера будет

$('input[name = "view-control"]').change(setTrueHeight)

upd:
Подправьте js файл divHeight100.js след. образом

function getClientHeight() {

    return document.compatMode == 'CSS1Compat' || !window.opera ? document.documentElement.clientHeight : document.body.clientHeight;

}

function setTrueHeight() {

    var clientHeight = document.documentElement.clientHeight;
    var scrollHeight = document.documentElement.scrollHeight;
    
    var n = (clientHeight === scrollHeight) ? (n = -7) : (n = 40);
    
    trueheight = Math.max(scrollHeight, clientHeight) + n;


   // trueheight = getClientHeight();
    document.getElementById("RisingField").style.height = (trueheight) + "px";

}

$( document ).ready(function() {
   $('input[name = "view-control"]').change(setTrueHeight);
});

Comments

[Алексей Смирнов]

@iiil Спасибо! А можно спросить куда эту строку подключить (в моем коде) чтобы она работала?)
Немного странный вопрос, но я новичок в этом деле. Особенно в JS.

[Алексей Смирнов]

Просто я подключал и в скрипт и в html - после этого работало не так как нужно.

[Юрий Лобанов]

@ERAFY посмотрите, я ответ дополнил.

[Алексей Смирнов]

@iiil Подправил. И честно говоря все по прежнему работает.

[Алексей Смирнов]

Что-то не так...

[Юрий Лобанов]

@ERAFY так у Вас функция-то сама работает? попробуйте изменить скрипт вот так:

function getClientHeight() {

    return document.compatMode == 'CSS1Compat' || !window.opera ? document.documentElement.clientHeight : document.body.clientHeight;

}

function setTrueHeight() {
alert('я работаю!')
}

$( document ).ready(function() {
   $('input[name = "view-control"]').change(setTrueHeight);
});

Если алерт работает - то проблема в функции, то есть в самом скрипте, а не в ее вызове

[Алексей Смирнов]

@iiil Да alert работает. На всех 4-х переключателях.

[Юрий Лобанов]

@ERAFY значит проблема в Вашей функции. Напишите, чего собственно хотите ей делать? Не хочется разбираться в коде, может смогу свое накидать по быстрому

[Алексей Смирнов]

@iiil У меня внизу открывающийся при нажатии на белую стрелку footer (черного цвета). Скриптом я оба этих элемента (стрелку и черный footer) прижимал к низу страницы (страница может меняться в размерах).

[Алексей Смирнов]

Может это и с помощью CSS можно делать. Просто не получилось (перекопал весь интернет и все не то).

[Юрий Лобанов]

@ERAFY безусловно, это надо делать через css.

[Алексей Смирнов]

@iiil Может мне отдельный вопрос потом создать для этого ?

[Юрий Лобанов]

@ERAFY https://www.google.ru/search?q=%D0%BA%D0%B0%D0%BA+...

[Юрий Лобанов]

@ERAFY ну смотрите сами, я Вам ссылку кинул. Что могу сказать точно - делать такие вещи через js неправильно. все решается с помощью css

[Алексей Смирнов]

@iiil Я пользуюсь гуглом))) Я все это читал, ссылки уже все фиолетовые))

[Юрий Лобанов]

@ERAFY Так и в чем проблема? Прижмите футер к низу страницы. Максимум что надо сделать - в функции открытия черного футера надо будет прописать изменение wrappera - пишите вопрос, примерно след. содержания: вот сайт, внизу есть footer - стрелка и то, что скрыто. Как прижать его к низу страницы так, чтобы и при открытие футера, и при закрытом футере он был всегда прижат к низу, а контент на него не налезал. Быстро ответят, может я, может кто другой

[Алексей Смирнов]

У меня был прижат footer уже к низу, но не так.
Впрочем все равно спасибо вам.

[Алексей Смирнов]

Хорошо! Завтра напишу новый вопрос)))