Forum PHP.pl > [CSS][JavaScript] Odczytanie height i width z inline-block

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][JavaScript] Odczytanie height i width z inline-block

Forum PHP.pl > Forum > Przedszkole

BuzekxD

5.08.2014, 21:39:23

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

5.08.2014, 21:50:24

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

BuzekxD

5.08.2014, 21:56:49

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

Kod

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

lukasz_os

5.08.2014, 22:13:24

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

BuzekxD

5.08.2014, 22:35:02

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?

lukasz_os

5.08.2014, 23:00:01

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!!

BuzekxD

5.08.2014, 23:03:54

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.