Širina diva na osnovu contenta.

Širina diva na osnovu contenta. 07.11.2012. u 09:42 · pre 170 meseci #1

Treba mi CSS klasa koja definiše div.

Code:
<div>
    <div class="yourdiv">
        content
    </div>
</div>

npr:
-Ukolike content ima do 10 slova onda širina div-a treba da bude 30px.
-Ukoliko content ima izmedju 10 i 15 slova onda širina div-a treba da bude 50px.
-Ukoliko content ima više od 15 slova onda širina diva treba da bude 70 px.

Kako da rešim ovaj problem?

Re: Širina diva na osnovu contenta. 07.11.2012. u 11:15 · pre 170 meseci #2

Možeš da rešiš sa jquery-em.

Code:
<script>
    $(document).ready(function() {
        var yourDiv = $('div.yourdiv');
        var contentLength = yourDiv.text().trim().length;

        if (contentLength <= 10) {
            yourDiv.css("width", "30px");
        } else if (contentLength <= 15) {
            yourDiv.css("width", "50px");
        } else {
            yourDiv.css("width", "70px");
        }
    });
</script>

Potpis

gramatika srpskog jezika
testovi iz srpskog jezika
jezičke nedoumice

Re: Širina diva na osnovu contenta. 14.11.2012. u 09:18 · pre 169 meseci #3

Citat:

Belgarion: Treba mi CSS klasa koja definiše div.

Code:
<div>
    <div class="yourdiv">
        content
    </div>
</div>

npr:
-Ukolike content ima do 10 slova onda širina div-a treba da bude 30px.
-Ukoliko content ima izmedju 10 i 15 slova onda širina div-a treba da bude 50px.
-Ukoliko content ima više od 15 slova onda širina diva treba da bude 70 px.

Kako da rešim ovaj problem?

Ja bih probao da stavim

Code:

.yourdiv {
width:auto; //automatska sirina
padding:5px; // odvojio bi tekst od ivica za 5 px
}

Mozda nije najsrecnije resenje al mislim da ce zavrsiti posao.
Probaj pa javi dal radi...

Potpis

“Unapređenje i širenje znanja je jedini pravi čuvar slobode.” - Džejms Madison
Zainteresovan za ucenje i usavrsavanje kompjuterskih vestina i programiranja...
Oblasti: Web Development, C++, Java, Python, Racunarske mreze
**Napomena** - Nisam strucan u navedenim oblastima vec mi je to hobi.

Re: Širina diva na osnovu contenta. 21.02.2013. u 11:22 · pre 166 meseci #4

Radi, ali ne ono što treba da radi :).

Zahtev je da širine moraju da budu fixirane (3 različite konstane širine)
Rešio sam sa jquery-em.

Hvala na pomoći.

Forum kao aplikacija na telefonu

Srodne teme