[CSS][JavaScript] Odczytanie height i width z inline-block Opcje

[BuzekxD]

W sumie mam stosunkowo zwięzły problem. Mam diva, który w CSS posiada atrybut:

Kod

display: inline-block;

a potrzebuje jakoś odczytać szerokość i wysokość tego diva. Próbuje tym:

Kod

var w = parseInt(document.getElementById('draggable').style.width);
var h = parseInt(document.getElementById('draggable').style.height);

Zwraca mi puste zmienne. Ma ktoś jakiś pomysł czym pobrać te wartości? Ostatecznie czym zastąpić ten display (efekt ma być taki, że wielkość diva zmienia się w zależności od tekstu w środku)
Jakieś pomysły?

[SmokAnalog]

Zainteresuj się jQuery i metodami .width() i .height().

[BuzekxD]

W js zwracało puste okienko, jquery zwraca null. Nadal nie to ;-;

Kod

var w = $('#draggable').width();
var h = $('#draggable').height();

Ten post edytował BuzekxD 5.08.2014, 21:57:37

[lukasz_os]

Sprawdź to: http://jsfiddle.net/hLf2Y/

[BuzekxD]

na tym portalu działa... Tutaj dokładny kod który jest u mnie:
js:

Kod

        function test(){
            alert($('#drag_div[1]').width());
            alert($('#drag_div[1]').height());
        }

css:

Kod

    .draggable {
        position: absolute;
        display: inline-block;
        _display: inline;
        border: 1px dashed black;
        top: 1px;
        left: 1px;
    }

html:

Kod

<div id="drag_div[1]" name="draggable" class="draggable">
<a id="tresc_div[1]" style='text-shadow: none; font-family: "Arial"'>Wprowadź treść</a>
</div>
<input type="button" id="test" onclick="java script:test();">

na tej stronie po wklejeniu mojego kodu nie ma żadnej interakcji... Czy ja mam jakiś inny html i js w przeglądarkach?

Ten post edytował BuzekxD 5.08.2014, 22:33:15

[lukasz_os]

Skoro używasz jquery to po co inicjalizacja funkcji onclick?
http://jsfiddle.net/26vB5/

Poza tym nie używaj nawiasów w id i w klasach!!

Ten post edytował lukasz_os 5.08.2014, 23:00:43

[BuzekxD]

Własnie miałem pisać, że nie mogę używać nawiasów w id'ku. Dzięki za pomoc. Wszystko już wiem.