Avatar billede bobbedude Nybegynder
16. juni 2003 - 14:32 Der er 17 kommentarer og
1 løsning

Styr Overflow med link

Hvordan kan jeg styre DIV med et link istedet for en Select boks ??


<SCRIPT>
function SetOverflow(o, sValue)
{
o.style.overflow = sValue;
}
</SCRIPT>

<DIV ID="div1"
STYLE="font-size:18pt;background-color:yellow;height:50px;width:75px">
The quick brown fox jumped over the lazy dog.
</DIV>

<SELECT onchange="SetOverflow(div1,
this.options[this.selectedIndex].text)">
<OPTION SELECTED>visible
<OPTION>scroll
<OPTION>hidden
<OPTION>auto
</SELECT>
Avatar billede roenving Novice
16. juni 2003 - 14:35 #1
Selvfølgelig:

<a href="#" onclick="SetOverflow(div1,'visible');return false">Vis den brune ræv</a>
Avatar billede olebole Juniormester
16. juni 2003 - 14:35 #2
<ole>

<a href="#" onclick="SetOverflow(div1, 'scroll')">TEST</a>

/mvh
</bole>
Avatar billede olebole Juniormester
16. juni 2003 - 14:36 #3
Adddddrrr .... er din ræv brun? Så bør du da vaske den ...!  :oD
Avatar billede roenving Novice
16. juni 2003 - 14:37 #4
-- den er for hurtig *g*
Avatar billede roenving Novice
16. juni 2003 - 14:37 #5
-- og hunden er doven !-)
Avatar billede bobbedude Nybegynder
16. juni 2003 - 14:39 #6
hahaha
Avatar billede bobbedude Nybegynder
16. juni 2003 - 14:39 #7
roenving >> smid et svar
Avatar billede olebole Juniormester
16. juni 2003 - 14:42 #8
Puuuuuhha ..... grimme dreng ...!!!  ;oD
Avatar billede roenving Novice
16. juni 2003 - 14:44 #9
oki '-)
Avatar billede roenving Novice
16. juni 2003 - 14:44 #10
;O)
Avatar billede brokkehoved Nybegynder
16. juni 2003 - 14:58 #11
Hvad øh...  hvad pokker er "overflow"?

Umiddelbart lyder det som noget min vaskemaskine gør, hvis jeg glemmer at slukke for vandet. Men det er ikke det, har jeg på fornemmelsen...

Så igen: hvad pokker er "overflow"?
Avatar billede bobbedude Nybegynder
16. juni 2003 - 15:02 #12
Ahm har i lige 2 minutter

<DIV ID="div<%=DivID%>" STYLE="overflow: hidden;">           
             
              <tr bgcolor="#CCCCCC">
                <td valign="top" class="Bold-Sort-Font">Msg_News</td>
                <td class="Alm-Sort-Font"><%=rx("Msg_News")%></td>
              </tr>
              <tr>
                <td colspan="2">slet <%If rx("Approved") = "nix" then%>- <a class="link" href="default.asp?Approved=yes&Type=nyhed&NewsID=<%=rx("NewsID")%>">godkend</a><%end if%> - <A class="link" href="java script:PopEditor('editor/editor.asp?Type=nyhed&NewsID=<%=rx("NewsID")%>')">ret</A></td>
                </tr>
</DIV> 

Når siden vises er Div ikke skjult hvorfor ??
Avatar billede roenving Novice
16. juni 2003 - 15:23 #13
Overflow er hvordan den skal håndtere at der er mere end der kan vises indenfor den blok, som elementet optager ;-)

hidden betyder ingen scrollbars, scroll at der er scrollbars, visible at scrollbars vises og auto, at de sættes på, hvis de er nødvendige ...

Hvis du skal skjule et element skal du bruge enten

style="display:none;"
eller
style="visibility:hidden;"

Den første fjerner ethvert spor fra det synlige, mens den anden bare efterlader den plads elementet skulle have haft tom
Avatar billede roenving Novice
16. juni 2003 - 15:23 #14
-- og for at vise:

style="display:block;"
eller
style="visibility:visible;"
Avatar billede brokkehoved Nybegynder
16. juni 2003 - 19:54 #15
Tak for en dejlig overskuelig, letfattelig og utvetydig forklaring.  :-)

hidden = ingen scrollbars.
visible = scrollbars vises.
auto = hvis de er nødvendige.
Klart nok.
Men hvad er så:
"scroll at der er scrollbars"...? Måske bare en taste-bøf?


Du burde være underviser indenfor web- og scripts-programmering. Men det er du måske også, roenving?
Avatar billede olebole Juniormester
16. juni 2003 - 20:26 #16
Åbenbart ikke helt klart nok:

hidden = ingen scrollbars.
scroll = scrollbars vises.
auto = hvis de er nødvendige.

Så er det rigtigt - men jeg har jo også undervist i det  ;oD
/mvh
Avatar billede olebole Juniormester
16. juni 2003 - 20:33 #17
Visible skal man være lidt forsigtig med at bruge - og den må ikke introducere scrollbars. Fra W3C:

visible
-------
This value indicates that content is not clipped, i.e., it may be rendered outside the block box.

hidden
-------
This value indicates that the content is clipped and that no scrolling mechanism should be provided to view the content outside the clipping region; users will not have access to clipped content. The size and shape of the clipping region is specified by the 'clip' property.

scroll
-------
This value indicates that the content is clipped and that if the user agent uses scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When this value is specified and the target medium is 'print' or 'projection', overflowing content should be printed.

auto
------
The behavior of the 'auto' value is user agent-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.

Even if 'overflow' is set to 'visible', content may be clipped to a UA's document window by the native operating environment.

/mvh
Avatar billede roenving Novice
17. juni 2003 - 07:52 #18
Det'r godt man ik' er alene

-- havde lidt travlt, så jeg var ikke rundt om de nøjagtige definitioner 15:23:09

-- olebole har vist sørget for at pappet er i småstykker ...
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