Avatar billede dan_n Nybegynder
28. april 2003 - 09:26 Der er 20 kommentarer og
1 løsning

SCRIPT: visibiliy og diplay problemer

Hej

Jeg har brug for lidt ekspert hjælp.
Jeg har lavet en side, og fundet et script som kan skjule indholdet af en tabel vha. style sheet visibility:

Problemmer er dog at selv som indholder er skjult fremtræder tabellen stadigvæk på med dens højde ?

Scriptet viser indholdet når man klikker på linket:

----------------------------------------
Ønsker du et Familie medlemskab, Klik her
----------------------------------------

Hvis man så klikker igen skjuldes indholdet igen, men tabellen forsvinder også, altså forsvinder højde.

Hvordan kan jeg få tabellens "højde" til at forsvinde ?

Jeg ved det lyder lidt kryptisk, men prøv at tag et kig og se problemmet:

http://194.182.48.70/dan/display.asp?site_id=bliv_medlem
->> Ønsker du et Familie medlemskab, Klik her

Dan


Scriptet ser således ud:
---------------------------------------
function minmax ($obj, $index) {
        var $item = document.all[$obj.sourceIndex+$index].style;
       
    if ($item.visibility == 'visible') {
            $item.display = "none";
            $item.visibility = "hidden";
            $item.cusor = "hand";
        } else {
          $item.display = 'inline';
      /** $item.display = ''; **/
            $item.visibility = 'visible';
        $item.cusor = "hand";
           
        }
   
    }
-------------------------------------------

og selve html koden:
-------------------------------------------
<div id="family" style="VISIBILITY: hidden;">


<table cellspacing="1" cellpadding="0" border="0" style="text-align: left;" >
.....
</table>


</div>
Avatar billede nikolajdu Nybegynder
28. april 2003 - 09:30 #1
<div id="family" style="VISIBILITY: hidden;" style="display:inline">

Sådan?
Avatar billede dan_n Nybegynder
28. april 2003 - 09:46 #2
Det hjælper desværre ikke
Avatar billede =maddog= Nybegynder
28. april 2003 - 09:48 #3
display:none;position:relative;
og hvis det er ikkke er hårdt nok må vi være grove og
display:none;position:absolute;
Avatar billede dan_n Nybegynder
28. april 2003 - 09:52 #4
ja, der var meget godt, tabellen "forsvinder".

Men det gør funktionen også, ingen ting sker når jeg trykker, se selv på siden.

Kan det have noget at gøre med scriptet:
$item.visibility == 'visible' ???
Avatar billede dan_n Nybegynder
28. april 2003 - 09:53 #5
display: none; kan scriptet ikke li!
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:03 #6
du kan ikke få den tilbage til display: block; eller hvad?
bare lav alle referencer om så:
visibility:hidden;    -->    display:none;
visibility:visible;    -->    display:block;
Avatar billede dan_n Nybegynder
28. april 2003 - 10:06 #7
øhh, nu spørger jeg dum, men hvor var det jeg skulle ændre oventstående ?
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:10 #8
function minmax ($obj, $index) {
    var $item = document.all[$obj.sourceIndex+$index].style;
       
    if ($item.display == 'block') {
            $item.display = "none";
            $item.visibility = "hidden";
            $item.cusor = "hand";
        } else {
          $item.display = 'block';
      /** $item.display = ''; **/
            $item.visibility = 'visible';
        $item.cusor = "hand";
        }
    }
...
<div id="family" style="display: none;">

alle steder..
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:13 #9
og det skal være
$item.cursor = "hand";
ikke
$item.cusor = "hand";
begge steder. da det ikke rigtig ser ud til at have relation til scriptet kan du vel egentlig bare lave det in-line
<div id="family" style="display: none; cursor: hand;">
Avatar billede dan_n Nybegynder
28. april 2003 - 10:23 #10
Desvære det virker stadigv væk ikke, selv om jeg har ændret det du skrevet. se selv på siden:

http://194.182.48.70/dan/display.asp?site_id=bliv_medlem

Intet vises når man klikker på linket
Avatar billede dan_n Nybegynder
28. april 2003 - 10:30 #11
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:32 #12
<A class=link href="java script:minmax('family',%201);">Klik her</A>
til en start.
du skal ikke bruge variablen family, men strengen "family".
var $item = document.all[$obj.sourceIndex+$index].style;
skal så laves om til
var $item = document.all[$obj].style;
Avatar billede dan_n Nybegynder
28. april 2003 - 10:38 #13
Jeg opgiver snart det virker stadigvæk ikke
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:38 #14
du har heller ikke opdateret general.js til mit svar fra 10:10:50
altså
i display.asp skal du ændre linket til
<A class=link href="java script:minmax('family',%201);">Klik her</A>

og i general ændres minmax til
function minmax ($obj, $index) {
    var $item = document.all[$obj].style;
       
    if ($item.display == 'block') {
        $item.display = "none";
        $item.visibility = "hidden";
        $item.cusor = "hand";
    } else {
        $item.display = 'block';
        $item.visibility = 'visible';
        $item.cusor = "hand";
    }
}
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:39 #15
det virker fint hos mig..... hold op med at give op. ellers gider jeg ikke blive ved med at hjælpe dig.
Avatar billede dan_n Nybegynder
28. april 2003 - 10:40 #16
jeg får en js fejl:
'document.all[..].style;' er null eller ikke et objekt
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:40 #17
function minmax ($obj, $index) {
    var $item = document.all[$obj].style;
       
    if ($item.display == 'block') {
        $item.display = "none";
        $item.visibility = "hidden";
    } else {
        $item.display = 'block';
        $item.visibility = 'visible';
    }
}

sorry. :).
Avatar billede dan_n Nybegynder
28. april 2003 - 10:43 #18
Jeg takker BIG Time !!!!
200 point til dig.
Avatar billede =maddog= Nybegynder
28. april 2003 - 10:43 #19
hurra. tillykke :D.
Avatar billede dan_n Nybegynder
28. april 2003 - 10:44 #20
ups.
kun kommentare fra din side, kan ikke give dig pointsne
Avatar billede dan_n Nybegynder
28. april 2003 - 10:46 #21
there you go
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester