ugrás a tartalomhoz

DIV megjelenítése CSS-el

Anonymous · 2005. Szep. 22. (Cs), 13.30
Sziasztok!

A problémám a következő:
A <div> tag stílusát megadom egy CSS fájlban (display:none; "persze a többi paraméterével együtt, de most a display a lényeg"), meghívok egy függvényt, amely láthatóvá teszi ezt a területet. Ha a CSS fájlban adom meg a display paraméterét, akkor a függvényt meghívó linkre kattintáskor nem jelenik meg a terület. Ha a <div style="display:none"> formában adom meg, akkor működik rendesen.

Mi az oka ennek?

Köszönöm a válaszokat előre is.

Üdv: Pista
‹ Több, vagy kevesebb css fájl? Ajaxban dolgoznék, i need a book, HOWTO? ›
 ■
1

DIV

Anonymous · 2005. Szep. 22. (Cs), 13.36
probald meg a visibility vel jatszani nem a displayjel, ehhez irj javascript fuggvenyt
2

Ez lehet egy megoldás...

PChino · 2005. Szep. 22. (Cs), 13.59

<script type=\"text/javascript\">
function almenuKiBe( id ) {
    var myDiv = document.getElementById( id );
    if ( myDiv.style.display == "none" ) {
       myDiv.style.display = "";
    } else {
       myDiv.style.display = "none";
    }
}
</script>

<a href="/almenuKiBe('div_id');">Link</a><div id='div_id' style='display:none;'>...</div>
3

PChino: style='display:none;' nélkül

Anonymous · 2005. Szep. 22. (Cs), 14.12
Úgy szerettem volna megoldani, hogy a <div> tag-be ne kelljen beírni azt, hogy style='display:none;'. Csak a CSS fájlban adnám meg.
Azt meg lehet oldani? Lehetséges az úgy egyáltalán?

Köszönöm a válaszod!

Pista
4

Bocs

PChino · 2005. Szep. 22. (Cs), 14.25
Bocs, nem olvastam el figyelmesen...
Úgy nekem sem sikerült, hogy css-ben adtam meg a none-t, mert minden oldalletöltéskor a css-ben megadott none lesz érvényben.
Talán layer-el és z-index-szel meg lehet oldani...
5

Köszönöm

Anonymous · 2005. Szep. 22. (Cs), 14.37
Köszönöm a válaszaidat, azt hittem csak én nem tudom megoldani, de ezek szerint akkor ahogy akartam úgy nem is lehet megoldani.
6

lokális magasabb rendű

Jano · 2005. Szep. 22. (Cs), 15.37
Írd meg a konkrét linket vagy a kodót másold be. A lokálisan adott CSS tulajdonság mindig felüldefiniálja a külső fájlban megadottat, tehát működnie kell!

Figyelj, hogy nehogy a megjelenítendő elem szülője közben rejtve maradjon mert akkor a gyerek se fog látszódni! Ha kivágsz egy fát az ága nem fog a levegőben lebegni.
7

hrefben ne használj javascript fvt

Forgó Zoltán · 2005. Szep. 22. (Cs), 15.39

<script type="text/javascript">
function toggleDisplay(objid){
    var obj = document.getElementById(objid);
    if (obj.style.display == '' || obj.style.display == 'none'){
        obj.style.display = 'table-cell';
    } else {
        obj.style.display = 'none';
    }
}
</script>
....
<div id="valami">
Tartalom
</div>
<a href="/javascript:;" onclick="toggleDisplay('valami')">Klikk</a>
Lényeg, hogy ne a hrefben hívd meg a függvényt, hanem az onclick használatával.
Illetve arra figyelj, hogy ha css-ben adod meg a display értékét, attól még az obj.style-ban nem lesz beállítva.
Mozilla DOM inspector segítségével ki lehet deríteni szvsz, hogy milyen stílusok vonatkoznak rá.
8

re

Anonymous · 2006. Feb. 9. (Cs), 14.51
Hi!

Nekem szerencsére már működik ez a div elrejtés-megjelenítés dolog, de annyival meg szeretném spélekni, hogy - akár egy oldalon belüli hivatkozással - oda lehessen ugrani, ahol a "megnyílt" DIV kezdődik.

1-2 szempont van:

1. XHTML-valid legyen az oldal
2. külső js file-ban van a szkript
3. nem frissülhet az oldal

Próbáltam már #valami-t hozzáfűzni a linkhez, de mivel a hivatkozásom valahogy így néz ki: <a href="javascript://" ...
ezért ez sem igazán működik.

Tudtok nekem ebben segíteni?
9

onClick?

Marcell · 2006. Feb. 9. (Cs), 15.27

<a href="#valami" onClick="fuggveny()">elrejt</a>
Nem erre gondolsz???
10

re

Anonymous · 2006. Feb. 10. (P), 11.12
Dede! Szuper!
Amikor ezt próbáltam akkor valamiért nem volt valid az oldal, de most jó :)
Köszi!