Oprettet tir. d. 31. august 2010 kl. 15:24:37

para7
para7 (7.366 point. Point ude: 0)

Element switch skal stoppe ved mouseover

Kan nogen hjælpe mig til at få denne funktionalitet til at stoppe med at skifte idet man ruller henover med musen. Kom helst med færdige løsninger, da jeg ikke er en haj til javascript?

<div id="divBottomContentErhverv" style="position:absolute;top:394px;Zvisibility:hidden">
    Her er indhold for erhverv...
</div>
<div id="divBottomContentBolig" style="position:absolute;top:394px;visibility:hidden">
    Her er indhold for bolig...
</div>
<div id="divBottomContentButik" style="position:absolute;top:394px;visibility:hidden">
    Her er indhold for butik...
</div>
<script type="text/javascript">
index = null;
elements = [
document.getElementById('divBottomContentErhverv'),
document.getElementById('divBottomContentBolig'),
document.getElementById('divBottomContentButik')
];
function switchElement() {
if(index !== null) {
    elements[index].style.visibility = 'hidden';
    index++;
    if(index >= elements.length) {
        index = 0;
    }
} else {
    index = 0;
}
elements[index].style.visibility = 'visible';
setTimeout('switchElement()', 5000);
}
switchElement();
</script>

Skrevet tir. d. 31. august 2010 kl. 15:27:30| #1

para7
para7 (7.366 point)
-og så sterte igen når man ruller væk... Det virker ellers som det skal, men en transiton mellem visningerne ville desuden være et plus.

Skrevet tir. d. 31. august 2010 kl. 19:21:11| #2

para7
para7 (7.366 point)
Er det ikke rimelig enkelt?

Skrevet tir. d. 31. august 2010 kl. 20:36:43| #3

splazz
splazz (55.958 point)
majbom.com
ved sq ikke om dette virker:

<script type="text/javascript">
var timer;
index = null;
elements = [
document.getElementById('divBottomContentErhverv'),
document.getElementById('divBottomContentBolig'),
document.getElementById('divBottomContentButik')
];
function switchElement() {
if(index !== null) {
    elements[index].style.visibility = 'hidden';
    index++;
    if(index >= elements.length) {
        index = 0;
    }
} else {
    index = 0;
}
elements[index].style.visibility = 'visible';
timer = setTimeout('switchElement()', 5000);
}
switchElement();
</script>


<div id="divBottomContentErhverv" style="position:absolute;top:394px;Zvisibility:hidden" onmouseover="clearTimeout(timer);" onmouseout="switchElement();">
    Her er indhold for erhverv...
</div>

Skrevet ons. d. 01. september 2010 kl. 15:47:26| #4

para7
para7 (7.366 point)
Tak splazz
Det nærmer sig en løsning. Når jeg først får html indhold ind i div'ene, så virker onmouseout sådan at der skiftes mellem elementerne i et virvar. Jeg har prøvet onblur, men der sker intet. Så prøvede jeg onclick, og så kan man skifte til næste element, men det er ikke hensigtsmæssigt. Altså, nu må jeg slå onmouseout fra, men så stopper skiftningen kun og står stille.

Skrevet ons. d. 01. september 2010 kl. 15:48:47| #5

para7
para7 (7.366 point)
PS: Det med at lægge koder ind i code tag er nok ikke godt: Opstilingen af koden går tabt, selv når jeg kopierer direkte til notepad.

Skrevet ons. d. 01. september 2010 kl. 18:53:36| #6

splazz
splazz (55.958 point)
majbom.com
hmm, så ved jeg ikke lige hvordan det skal gøres..

mht mine tags forstår jeg ikke dit problem, jeg har lige copy-pastet ind i både min 'e' editor og notepad og begge stiller det op som det står her...

Skrevet tor. d. 02. september 2010 kl. 12:26:41| #7

para7
para7 (7.366 point)
Når jeg bruger Firefox, så kan jeg godt kopiere det ordentligt. Det er ihvertfald mange point værd, det du kommer med. Men jeg har også selv lavet et forslag, der heller ikke dur ved mouseout:

<div id="divBottomContentErhverv" onmouseover="stopSwitch()" onmouseout="playSwitch()" style="position:absolute;top:394px;Zvisibility:hidden">
    Her er indhold for erhverv...
</div>
<div id="divBottomContentBolig" onmouseover="stopSwitch()" onmouseout="playSwitch()" style="position:absolute;top:394px;visibility:hidden">
    Her er indhold for bolig...
</div>
<div id="divBottomContentButik" onmouseover="stopSwitch()" onmouseout="playSwitch()" style="position:absolute;top:394px;visibility:hidden">
    Her er indhold for butik...
</div>
<script type="text/javascript">
var runSwitch=true
function stopSwitch() {
    runSwitch=false
}
function playSwitch() { //Fungerer ikke
    runSwitch=true
}
index = null;
elements = [
document.getElementById('divBottomContentErhverv'),
document.getElementById('divBottomContentBolig'),
document.getElementById('divBottomContentButik')
];
function switchElement() {
if(index !== null && runSwitch ==true) {
        elements[index].style.visibility = 'hidden';
        index++;
        if(index >= elements.length) {
            index = 0;
        }
    } else {
        index = 0;
    }
    if(runSwitch ==true) {
        elements[index].style.visibility = 'visible';
        setTimeout('switchElement()', 5000);
    } else {
        setTimeout('switchElement()', 5000000);
    }
}
switchElement();
</script>

Skrevet tor. d. 02. september 2010 kl. 13:11:32| #8

splazz
splazz (55.958 point)
majbom.com
okay, jeg bruger osse firefox, nok derfor jeg ikke fik problemet så :)

Skrevet tor. d. 02. september 2010 kl. 13:25:11| #9

para7
para7 (7.366 point)
Jeg venter lige lidt og ser om der kommer forslag til mouseout..

Skrevet tor. d. 02. september 2010 kl. 16:32:17| #10

splazz
splazz (55.958 point)
majbom.com
der er nok nogle af de mere erfarne der kan et par tricks :)

Skrevet lør. d. 04. september 2010 kl. 08:09:41| #11

para7
para7 (7.366 point)
Hej splazz
Jeg vil åbne et frisk nyt spm. Lad os dele pointene. Din løsning var halv og min var også halv, så læg lige et svar :)

Skrevet lør. d. 04. september 2010 kl. 18:54:00| #12

splazz
splazz (55.958 point)
majbom.com
kommer her så :)

Skrevet søn. d. 05. september 2010 kl. 12:26:47| #13

para7
para7 (7.366 point)
Og tak igen...

Skrevet søn. d. 05. september 2010 kl. 19:11:24| #14


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

skal frem brugernavn ned og sige om den har eller ej

Oprettet den 11. februar 2012 kl. 02.44
tobrukDk giver 20 point for svar | Giv et svar »

Muligvis script-konfllikt i jquery. Min slider vises...

Oprettet den 9. februar 2012 kl. 23.00
Peterjakobsen giver 30 point for svar | Giv et svar »

Nybegynder i Flash, hjælp til kørende billede visning?

Oprettet den 8. februar 2012 kl. 15.19
Majaseidelin giver 15 point for svar | Giv et svar »

Seneste guides

Installer win 7
Den gode bruger


   




Tips & Tricks fra PC World

Teaser billede

Her er fem sjove danske websider du skal kende

Trænger dine lattermuskler til en omgang fitness på dansk? Vi viser vej til fem websider fyldt med humor og vanvittig satire.


Anmeldelser fra PC World

Teaser billede

Test: Denne super-tablet er iPads hårdeste konkurrent

Eee Pad Transformer Prime er frygtindgydende med sin quadcore processor og evne til at trylle sig om til bærbar. Apple bør kigge i bagspejlet, for Asus' tablet-pc kommer buldrende - og gør det...


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du snart hente Windows 8

Den nye offentlige betaversion af Windows 8 er klar i denne måned.


Nyheder fra Computerworld

Teaser billede

Måske snart slut med Androids helt store problem

Android-platformen har længe været plaget af et særligt problem. Men måske er problemet nu ved at være elimineret.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger