вызов функции

@xoxn1c4n · Регистрация: 20.11.2012

Author24 — интернет-сервис помощи студентам

Добрый день,
помогите пожалуйста, застрял с вызовом функции, которая должна вызываться только тогда, когда вызван элемент с параметром onclick="adv();" и возвращать размер именно этого элемента!

Javascript

$(document).ready(function(){
    adv();
});
function adv() {
    $(this).click(function(event) {
        thiswidth = $(this).width();
        alert(thiswidth + "px");
        
    });
}

HTML5

<input type="button" id="adv-btn" style="width: 200px" name="reg-type" value="simple" onclick="adv();" />
<input type="button" id="adv-btn" style="width: 20px" id="adv-btn" name="reg-type" value="s" onclick="adv();" />
<input type="button" id="adv-btn" style="width: 100px" id="adv-btn" name="reg-type" value="sim11ple" onclick="adv();" />
<input type="button" id="adv-btn" name="reg-type" value="sim2ple" onclick="adv();" />

Добавлено через 12 минут
Или, если не трудно, как написать функцию, которая при нажатии на кнопку показывает доп. список?
Таких кнопок может быть много.
и соответственно, как должен будет выгладить html

@Mullih · 07.01.2013, 13:47

Изначально ваш HTML код с ошибками

id html элемента должно быть уникально для всего элемента
во второй и третьей строке вы вообше его сдублировали внутри одного тега

а по сути, если вы используете jQuery то вам уже в принципе не надо использовать onclick тк может привести к запутаности кода

собственно вот вариант как это вижу я

HTML5

<script type="text/javascript">
    $(document).ready(function () {
        $('input[type="button"]').click(function (e) {
            var thiswidth = $(this).width();
            alert(thiswidth + "px");
        });
    });
 
</script>
 
<input type="button" style="width: 200px" name="reg-type" value="simple" />
<input type="button" style="width: 20px" name="reg-type" value="s" />
<input type="button" style="width: 100px" name="reg-type" value="sim11ple" />
<input type="button" name="reg-type" value="sim2ple" />

вот вариант которы хотели бы видеть вы

HTML5

<script type="text/javascript">
    function adv(el) {
        var thiswidth = $(el).width();
        alert(thiswidth + "px");
    };
</script>
 
<input type="button" style="width: 200px" name="reg-type" value="simple" onclick="adv(this);" />
<input type="button" style="width: 20px" name="reg-type" value="s" onclick="adv(this);" />
<input type="button" style="width: 100px" name="reg-type" value="sim11ple" onclick="adv(this);" />
<input type="button" name="reg-type" value="sim2ple" onclick="adv(this);" />

@xoxn1c4n · 07.01.2013, 14:10 **[ТС]**

Выбрал ваш вариант, т.к. более универсален! Спасибо!

@xoxn1c4n 0 / 0 / 0 Регистрация: 20.11.2012 Сообщений: 25
	07.01.2013, 14:10 [ТС]	3
	Выбрал ваш вариант, т.к. более универсален! Спасибо! 0