Finns det någon som har en susning hur man får mouseover att aktiveras först efter att man haft musmarkören över objektet en viss tid Hej Får inte detta att funka. Här är ett ytterligare exempel. En liten fårga bara.Skall punkterna försvinna när man har klickat på dom och fått upp bilden? Man behöver aldrig klicka på punkten. Hej Bo Jadå jag har testat det. Hejonmouseover en sekund.
(t.ex. 1 sekund)
Som det nu är så kommer bilden upp direkt när jag rör vid de små bilderna.
Och om ni undrar så ska besökt punkt försvinna efter aktivering.
Kolla här så klarnar det nog.
http://norrtalje.web.surftown.seSv: onmouseover en sukund.
Här är en lösning du kan använda dig av.
<html>
<head>
<title></title>
<script language="javascript">
var id = null;
function mouseOver() {
id = window.setTimeout("OnMouseOverStuff()",1000);
}
function mouseOut() {
window.clearTimeout(id);
}
function OnMouseOverStuff() {
alert("Hej!");
}
</script>
</head>
<body>
<span onmouseover="javascript:mouseOver();" onmouseout="javascript:mouseOut();">Text</span>
</body>
</html>
Sv:onmouseover en sekund.
Om du kollar i koden så är det alltså min class p1, p2, p3 o.s.v. som aktiveras vid mouseover,
men det ska den göras först om muspekaren varit över den i en sekund.
Stora bilden kommer upp som den ska, och bilden för p1, p2, p3 o.s.v. försvinner vid mouseout.
Anledning att de ska försvinna är att det ska vara många punkter på den färdiga sidan.
På så vis ser man vilka platser man har kvar att besöka.
Om man då råkar svepa lite snabbt över FEL punkt så ska den inte aktiveras, först om man stannat på den under viss tid. Sv: onmouseover en sukund.
Funkar perfekt i både IE och Firefox.
<html>
<head>
<title></title>
<style type=text/css>
.p1 {position:absolute; left:310px; top:180px}
.p2 {position:absolute; left:380px; top:320px;}
.p3 {position:absolute; left:460px; top:370px;}
.p4 {position:absolute; left:375px; top:205px;}
.p5 {position:absolute; left:425px; top:390px;}
</style>
<script language="javascript">
var id = null;
function mouseOver(imageID) {
// Activate timing.
id = window.setTimeout("Display(" + imageID + ")",1000);
}
function mouseOut() {
// Clear timeout (cancel timing).
window.clearTimeout(id);
}
function Display(imageID) {
// Kind of necessary.
if(id==null)
return;
// Remove hover-image.
document.body.removeChild(document.getElementById("img" + imageID));
// [Do your stuff here]
alert(imageID);
}
</script>
</head>
<body>
<img id="img1" src="http://norrtalje.web.surftown.se/bilder/ball.gif" class="p1" onmouseover="javascript:mouseOver(1);" onmouseout="javascript:mouseOut();">
<img id="img2" src="http://norrtalje.web.surftown.se/bilder/ball.gif" class="p2" onmouseover="javascript:mouseOver(2);" onmouseout="javascript:mouseOut();">
<img id="img3" src="http://norrtalje.web.surftown.se/bilder/ball.gif" class="p3" onmouseover="javascript:mouseOver(3);" onmouseout="javascript:mouseOut();">
<img id="img4" src="http://norrtalje.web.surftown.se/bilder/ball.gif" class="p4" onmouseover="javascript:mouseOver(4);" onmouseout="javascript:mouseOut();">
<img id="img5" src="http://norrtalje.web.surftown.se/bilder/ball.gif" class="p5" onmouseover="javascript:mouseOver(5);" onmouseout="javascript:mouseOut();">
</body>
</html>
/ Peter
Sv:onmouseover en sukund.
Sv: onmouseover en sukund.
När man för muspekaren över punkterna så aktiveras stora bilden om du kollar länken.
Punkten försvinner sedan när musmarkören flyttas därifrån.
På så vis ser man vilka platser som man ännu ej besökt.
Däremot måste man klicka på stora bilden för att stänga den.
Eller så kan man växla till ny bild genom att peka på annan synlig punkt.
Då stängs automatiskt första bilden.
Det jag söker är dock är att pekaren ska vara över en punkt i t.ex. 0,5 - 1 sekund för att stora bilden ska komma fram. Inte som nu att bilden kommer upp direkt.
Om du sedan kollar längst ner på sidan så radas de borttagna punkterna upp där och man kan kolla bilderna igen om man vill.
Jag ska lösa detta, så lätt ger jag inte upp, eller kanske någon annan.
Tydligare kan jag ej förklara detta.Sv:onmouseover en sukund.
Har du kollat på inlägget jag skickade "2006-06-30 17:23:38"?
Den gör exakt det du vill ha.
Bara för dig att implementera på din sida.
/ PeterSv: onmouseover en sekund.
Tidsfunktionen funkar perfekt, och punkterna försvinner vid onmousout, men jag ska ju inte få upp en alertruta, det är bilder som ska visas, Det tycks inte gå inte ihop med mit befintliga script på sidan.
Men lite närmare en lösning kanske. Sv:onmouseover en sekund.
Ja, du får byta ut "alert(...);" mot den kod du skrivit för att visa bilden.
Mer behövs inte.