19 berichten aan het bekijken - 1 tot 19 (van in totaal 19)
  • Q:
    Bijdrager
    bieg

    Scrollbar zichtbaar ook al is div “hidden”

    Hi,

    Uwer hulp is weer nodig!
    Ik heb een probleem met mn site.
    ik zag dat de scrollbar gewoonzichtbaar is en DAT mag niet:)

    de content wordt in de div geladen die on zichtbaar is en via de button “giving..” zichtbaar wordt.
    Mouse over maakt hem zichtbaar maar de scrollbar die er is omdat de txt langer is dan de box die hem bevat wordt er gescrolled,

    ik wil dat stomme balkje weghebben.

    Wie kan me helpen??????

    Greets: uw allerst BIEG

    –> klik hier: http://bieg.nl/php/index.html

    Bijdrager
    tennapel

    Als je “display : none” in plaats van “display : hidden” gebruikt, dan verdwijnt de scrollbar. Dan heb je misschien weer een ander probleem met de layout, maar daar valt omheen te werken.

    Bijdrager
    bieg

    .. zo relaxed dat je weer reageert!

    goed edoch:
    visibility staat op hidden niet display.
    of is dat het zelfde?

    Bijdrager
    rburgt
    ”bieg”

    .. zo relaxed dat je weer reageert!

    goed edoch:
    visibility staat op hidden niet display.
    of is dat het zelfde?

    display en visibility zijn 2 verschillende dingen. Wat je ook kan proberen is om de breedte/hoogte van het object op 0 te zetten, dan zou het ook weg moeten gaan.

    e = document.getElementById(‘objectnaam’);
    e.style.height = 0 + ‘px’;

    Bijdrager
    tennapel
    ”bieg”

    visibility staat op hidden niet display.
    of is dat het zelfde?

    Sorry, ik gooi ook twee dingen door elkaar: het is “visibility:hidden” en “display: none”

    “Visibility: hidden” zorgt ervoor dat de content niet getoond wordt, maar de afmetingen van het element blijven behouden in de opbouw van je scherm (vandaar dat je een scrollbar ziet).

    “Display:none” zorgt ervoor dat het element niet getoond wordt, en wordt ook helemaal uit de opbouw van je scherm gehaald, alsof het element dus helemaal niet bestaat. Alle andere CSS (margin’s padding etc) verdwijnen dat ook, want de browser doet net alsog het element er helemaal niet staat.

    Bijdrager
    bieg

    dat betekent dat ik dan mn div waar de content in komt via {include}
    niet op hidden zet maar op display?

    dit werkt en voor de mac en voor de pc?

    Ennuh… thnx alvast

    Bijdrager
    rburgt

    ja deze werkt voor bijna alle browsers, maar ik betwijfel of het op ie 5.0 werkt, als je even een link stuurt dan kan ik het voor je testen…

    Bijdrager
    tennapel
    ”rburgt”

    ja deze werkt voor bijna alle browsers, maar ik betwijfel of het op ie 5.0 werkt, als je even een link stuurt dan kan ik het voor je testen…

    display : none werkt ook op IE5

    Bijdrager
    rburgt
    ”tennapel”

    display : none werkt ook op IE5

    Ook onder ie 5.0 voor windows ( daar doelde ik eigenlijk op ) ?

    Bijdrager
    bieg

    nu moet ie alleenwel ZICHTBAAR worden als we de link aanklikken!

    mmm

    nu is er nx te zien – ook cool maar
    hoe gaan we dit op lossen?

    Bijdrager
    tennapel
    ”rburgt”
    ”tennapel”

    display : none werkt ook op IE5

    Ook onder ie 5.0 voor windows ( daar doelde ik eigenlijk op ) ?

    ja

    Bijdrager
    tennapel
    ”bieg”

    nu moet ie alleenwel ZICHTBAAR worden als we de link aanklikken!

    nu is er nx te zien – ook cool maar
    hoe gaan we dit op lossen?

    Gebruik je PHP of ASP?

    Bijdrager
    bieg

    ik gebruik php met html …

    Bijdrager
    tennapel

    ow.. dan wordt het helemaal simpel!

    Je standaard stijl zet je op “display:none”. Als je op het knopje klikt link je naar dezelfde pagina, maar dan geef je een variabele mee in de pagina die je afvangt.

    Stel dat je zoiets doet:
    [code:1:84c40623c9]
    <div id="tekstuit">
    …….
    </div>
    [/code:1:84c40623c9]

    en in je CSS:
    [code:1:84c40623c9]
    #tekstuit {
    display : none;
    }
    [/code:1:84c40623c9]

    Je knopje maak je vervolgens zo:
    [code:1:84c40623c9]
    <?php
    echo ‘<a href=".$PHP_SELF.’?z=aan">[knopje]</a>’;
    ?>
    [/code:1:84c40623c9]

    Als je dus op de link van de knop klikt wordt dezelfde pagina aangeroepen, maar dan “?z=aan” achter de URL. Je hoeft je HTML nog even aan te passen tot:
    [code:1:84c40623c9]
    <?php
    if ($_GET["z"] == ‘aan’) {
    $cssid = ‘tekstaan’;
    }
    else {
    $cssid=’tekstuit’;
    }

    echo ‘<div id="’.$cssid.’">’;
    ?>
    …..
    </div>
    [/code:1:84c40623c9]

    en je voegt een extra style in je stylesheet toe met de naam #tekstaan waar je alle styles voor de zichtbare tekst in zet.

    Ongetwijfeld zijn er PHP goeroes die dat veel efficienter kunnen, dus kom maar op met de betere code:-)

    Bijdrager
    bieg

    is die laatste /div> afkomstig van de div#txt uit?

    of iets anders?

    je begrijpt ik ben druk aan het stunten met je code!

    geweldig!

    thnx

    Bijdrager
    tennapel
    ”bieg”

    is die laatste /div> afkomstig van de div#txt uit?

    of iets anders?

    je begrijpt ik ben druk aan het stunten met je code!

    geweldig!

    thnx

    Ja, de PHP schrijft de opening-tag.

    Bijdrager
    bieg

    sorry maar ik kom er ECHT niet uit!

    de hele tijd error everywhere/…. zucht

    heb je tijd?

    [code:1:f66b8bd346]<div class="weblog_aan">
    <?php
    echo <a href=".$PHP_SELF.’?z=aan">[knopje]</a>;
    ?>
    </div>

    <div id="tekstuit">
    <?php
    if ($_GET["z"] == ‘aan’) {
       $cssid = ‘tekstaan’;
       }
    else {
       $cssid=’tekstuit’;
       }

    echo ‘<div id="’.$cssid.’">’;
    ?>
    <table width="165" height="240" border="0" cellspacing="0" cellpadding="0">
    <tr>

    <td>
    <?php
    include "../log/log.html";
    ?>
    </td>
    </tr>
    </table>
    </div>[/code:1:f66b8bd346]

    ik heb een #tekstaan en een #tekstuit..

    alvast een dikke thnkx

    Bijdrager
    bieg

    ||||| AANVULLING |||||

    Parse error: parse error, unexpected ‘<‘, expecting ‘,’ or ‘;’ in
    /var/www/b/bieg.nl/HTML/php/main/left.php on line 145

    ______________________

    dit is de melding die ik door bovenstaande code krijg
    sorry die error is natuurlijk best handig..;)

    bieg

    Bijdrager
    tennapel

    Het principe:
    [code:1:c7ef26ab8a]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Untitled</title>
    <style>
    #tekstuit {
    display : none;
    }
    #tekstaan {
    border : 1px solid red;
    padding : 2em;
    background : #cccccc;
    }
    </style>
    </head>
    <body>
    <?php
    echo ‘<p><a href="’.$PHP_SELF.’?z=aan">[knopje]</a></p>’;

    if ($_GET["z"] == ‘aan’) {
    $cssid = ‘tekstaan’;
    }
    else {
    $cssid=’tekstuit’;
    }

    echo ‘<div id="’.$cssid.’">’;
    ?>
    <p>Dit is de verborgen tekst</p>
    </div>
    </body>
    </html>
    [/code:1:c7ef26ab8a]

    ps: in je eigen code zitten wat fouten, kopieer bovenstaand verhaal naar BBEdit of teksteditor
    ps2: niet kopieren uit Safari, want dan krijg je allerlei rare tekens mee die je niet ziet in BBedit of teksteditor, terwijl je browser foutmeldingen geeft. Kopieren uit Firefox gaat prima.

19 berichten aan het bekijken - 1 tot 19 (van in totaal 19)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.