2013-04-07 4 views
0

Я ищу, чтобы использовать JavaScript для повторного использования. У меня все работает, кроме одного. Одна из вещей, которые я хочу сделать, - это изменить максимальную высоту div от того, что я сейчас установил, до 100% - 12 пикселей. Я попытался использовать функцию CSS calc(), но это не сработало. Самое странное в том, что когда я проверил консоль разработчика на наличие ошибок, это не вызвало ошибки. Кто-нибудь знает, как делать то, что я прошу?Javascript вычитает пиксели из процента

Заранее благодарен!

+0

'document.getElementById ('myID'). ExternalWidth - 12' – adeneo

+0

Попробуйте префикс' calc() ' – Markasoftware

+0

Я хочу использовать это, чтобы изменить максимальную высоту элемента, это то, что делает @adeneo? – PWF

ответ

0

Я бы решил эту проблему, используя jQuery, добавив привязку клика к вашей кнопке, а затем получив высоту .parent(). Я продемонстрировал это в этой скрипке http://jsfiddle.net/TGyYv/.

Ключом является этот код.

$("#button").click(function() { 
    parent_height = $(this).parent().height() 
    $(this).height(parent_height - 12) 
}) 

Когда кнопка нажата, он получает высоту родителя, затем устанавливает высоту кнопки на материнской минус 12!

+0

Могу ли я сделать это, используя getElementById вместо этого? @abeisgreat – PWF

+0

Потенциально да, но такие вещи, как .parent() или .height(), не будут работать без jQuery. Я не знаю, как это достичь в чистом JS, но это возможно. –

Смежные вопросы