Søg
Avatar billede qualon1 Nybegynder
17. oktober 2005 - 12:50 Der er 12 kommentarer

Skifte class

Hej

Jeg har en hjemmeside, hvor jeg gerne vil have den funktion med at man kan åbne noget mere op. ligesom der er på eksperten.dk med at man kan åbne og lukke for fx dine data, nyeste artikler osv.
Jeg vil derfor gerne have et script der kan skifte class på et div område, da jeg herved kan styre det i css..
Håber nogen kan hjælpe med at lave dette.

Håber på hjælp

ps. det er vigtigt at scriptet er valid i alle browsere.. også macs
Avatar billede thomas_yde Nybegynder
17. oktober 2005 - 13:23 #1
Hvis olebole ser dette bliver han da grøn i hovedet :-)
Det er generel ikke godt at skifte rundt på className, så hellere gå ind og redigere direkte i style.

Men men. prøv det her:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<script type="text/javascript">
function changeClass(elm,name){
elm.className = name;
}
</script>
<style>
.Ole{background-color:#00ff00;width:100px;height:100px;}
.Bole{background-color:yellow;width:100px;height:100px;}
</style>
</head>

<body>

<input type="button" class="Ole" value="Flyt musen her" onMouseOver="changeClass(this,'Bole');" onMouseOut="changeClass(this,'Ole');">

</body>

</html>
Avatar billede qualon1 Nybegynder
17. oktober 2005 - 15:18 #2
okay... det virker... tak..
Men når jeg lige har fat i dig, du skulle vel aldrig vide hvordan jeg kan lave et <div> felt hvor hvis højden overskrider 400px så skal der fremkomme scrool?
men altså ingen scroll før de 400px
Avatar billede thomas_yde Nybegynder
17. oktober 2005 - 16:41 #3
<div style="overflow:auto;"
Avatar billede thomas_yde Nybegynder
17. oktober 2005 - 16:41 #4
som du nok skal placere i dit stylesheet :)
Avatar billede roenving Novice
17. oktober 2005 - 17:54 #5
-- og grunden til at alle alarmklokker skal ringe, hvis der forsøges at skifte klasse er, at hele dokumentet genberegnes som om det lige var loadet, så hvis du har et lidt kompliceret dokument kan det tage op til flere sekunder, hvor skærmen bare er hvid !-)

-- så ovenstående _må_ kun laves således:

<input type="button" class="Ole" value="Flyt musen her" onmouseover="this.style.backgroundColor='#ff0';" onmouseout="this.style.backgroundColor='#0f0';">
Avatar billede olebole Juniormester
17. oktober 2005 - 20:52 #6
<ole>

- er der nogen, der ved, hvordan man fjerner grøn maling i hovedet ... og/eller retter totalt sammenkrøllede tæer ud?

/mvh
</bole>
Avatar billede qualon1 Nybegynder
17. oktober 2005 - 21:45 #7
hmm okay... jeg tror jeg bare kører med at skifte style og ikke class... men tak for hjælpen...
Avatar billede roenving Novice
18. oktober 2005 - 00:14 #8
*lol*
Avatar billede olebole Juniormester
18. oktober 2005 - 02:12 #9
- skønt .... så får jeg ikke grøn storetå, når jeg piller næse  ;D
Avatar billede thomas_yde Nybegynder
18. oktober 2005 - 09:08 #10
Altid rart at man kan få de gamle op af stolen. ;-)
Avatar billede olebole Juniormester
18. oktober 2005 - 20:55 #11
- men jo ældre, de gamles pander bliver, jo længere tid tager det at få dem skruet ned fra loftet ... slap lige af en anden gang, Pomfrit!  ;D
Avatar billede thomas_yde Nybegynder
25. september 2008 - 10:11 #12
skal vi ikke lukke denne sag. :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:07 Webshop mangler at gøre så lagerbeholdning reduceres Af Strawberry i Webdesign
I går 14:41 Afinstallere Office 2024 Af mort1 i Office & Kontorpakker
16/0714:01 VBS Af bsn i VBscript
16/0712:06 Messinglak Af ErikHg i Fri debat
14/0713:08 overføre internet til gæstehus Af Malm i Andet hardware
White papers
Flere white papers »