[DHTML] Probleem met image - Softwareontwikkeling

zondag 5 mei 2002 12:50

Acties:

Verwijderd

Topicstarter

op http://62.108.27.230/temp/mouse.html staat een van mijn eerste DHTML probeerseltjes, nou is het de bedoeling dat er een kruis komt dat je cursor volgt. de horizontale werkt, maar de verticale niet. de z-index van de verticale heeft een andere waarde dan die van de horizontale, dus daar kan het niet aan liggen. Hier mijn source:

code:

<html>

<head>

    <script type="text/javascript">
    function out()
    {
    window.status = "0,0"
    document.all['horizontal'].style.top = "0px"
    document.all['vertical'].style.left = "0px"
    }
    function coordinates()
    {
    x=event.clientX
    y=event.clientY
    window.status = x + "," + y
    document.all['horizontal'].style.top = y + "px"
    document.all['vertical'].style.left = x + "px"
    }
    </script>

</head>

<body onmousemove="coordinates()" onmouseout="out()" style="cursor:crosshair">

    <div id="horizontal" style="z-index: 10; position: absolute; top: '0px'">
        [img]"dot.gif"[/img]
    </div>

    <div id="vertical" style="z-index: 5; position: absolute; left: '0px'">
        [img]"dot.gif"[/img]
    </div>

</body>

</html>

Wat doe ik fout?

edit:
Sorry voor de verkeerde topictitel, kwist niet hoe ik hem moest noemen

zondag 5 mei 2002 13:09

Acties:

Zakkenwasser

Op zondag 05 mei 2002 12:50 schreef Junt het volgende:
[.............]

je geeft in <div> vertical dit aan

code:

1	<img src="dot.gif" width="1px"

het zelfde staat er in horizontal, probeer het anders met 2 verschillende gifjes mischien dat dat helpt

en je width is 1 pix ischien net als de ander veranderen in 100% of andersom

PSP 1000 @ 6.60 Pro C2 [+256GB]
PSVita @ Henkaku Enso [+256GB]
3DS @ Luma (B9S) [+160GB]
Nintendo Switch 3.0.1 [+256GB]

zondag 5 mei 2002 13:14

Acties:

crisp

Devver

Pixelated

Je geeft je <div>'s geen width en height mee.
Probeer hetvolgende eens als <body>:

code:

<body onmousemove="coordinates()" onmouseout="out()" style="cursor:crosshair; margin: 0px">

    <div id="horizontal" style="position: absolute; top: 0px; width: 100%; height: 1px">[img]"dot.gif"[/img]</div>

    <div id="vertical" style="position: absolute; left: 0px; width: 1px; height: 100%">[img]"dot.gif"[/img]</div>

</body>

Intentionally left blank

zondag 5 mei 2002 13:16

Acties:

Zakkenwasser

Op zondag 05 mei 2002 13:09 schreef DaNCe2k het volgende:

[..]

code:

<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY onmousemove=coordinates() style="CURSOR: crosshair" onmouseout=out()>
<DIV id=horizontal style="Z-INDEX: 10; POSITION: absolute; TOP: 0px"><IMG 
height=1 src="mouse_files/dot.gif" width="100%"> </DIV>
<DIV id=vertical style="Z-INDEX: 5; LEFT: 0px; POSITION: absolute; width: 1; height: 100%"><IMG 
height="100%" src="mouse_files/dot2.gif" width="1"> </DIV>
</BODY></HTML>

deze heb ik getest en werkt

http://home.wanadoo.nl/elaine.westra/ms05/mouse/mouse.htm

PSP 1000 @ 6.60 Pro C2 [+256GB]
PSVita @ Henkaku Enso [+256GB]
3DS @ Luma (B9S) [+160GB]
Nintendo Switch 3.0.1 [+256GB]

zondag 5 mei 2002 13:35

Acties:

Verwijderd

De code die je hier post werkt niet in NS6

.
Wanneer je gebruik maakt van

code:

1	document.GetElementById('horizontal').style.top = "0px";

ipv

code:

1	document.all['horizontal'].style.top = "0px"

Werkt het in IE5+, NS6+ / Mozilla. Het beste kun je een browsercheckje inbouwen.

zondag 5 mei 2002 14:47

Acties:

DeTeraarist

#Boots2Asses

Op zondag 05 mei 2002 13:35 schreef SpiritX het volgende:
De code die je hier post werkt niet in NS6 .
Wanneer je gebruik maakt van
code:
1
document.GetElementById('horizontal').style.top = "0px";

Zo doet ie nog niks...

code:

1	document.getElementById('horizontal').style.top="0px"

doet het wel.

Soms, als ik heel stil ben, kan ik de zon horen schijnen

zondag 5 mei 2002 15:16

Acties:

Verwijderd

Topicstarter

bedankt voor alle reacties, ik ben er nu uit, hij kan dus dicht, maar kan http://home.wanadoo.nl/elaine.westra/ms05/mouse/mouse.htm ff blijven staan? ik zit namelijk nu niet thuis maar bij een vriend

zondag 5 mei 2002 15:20

Acties:

Zakkenwasser

Op zondag 05 mei 2002 15:16 schreef Junt het volgende:
bedankt voor alle reacties, ik ben er nu uit, hij kan dus dicht, maar kan http://home.wanadoo.nl/elaine.westra/ms05/mouse/mouse.htm ff blijven staan? ik zit namelijk nu niet thuis maar bij een vriend

ja is goed

PSP 1000 @ 6.60 Pro C2 [+256GB]
PSVita @ Henkaku Enso [+256GB]
3DS @ Luma (B9S) [+160GB]
Nintendo Switch 3.0.1 [+256GB]

maandag 6 mei 2002 00:35

Acties:

Verwijderd

Topicstarter

voor de geinterresseerden:
de vernieuwde versie staat op:
http://www.geocities.com/junttest1234/dhtml-mouse-cursor.html
ik ben nu niet bij mij thuis en op deze pc staat alleen paint dus dat middelste ding heeft (nog) geen transperancy.
comments zijn welkom, plz note dat dit slechts mijn eerste DHTML probeerseltje is

edit:
ik weet alleen niet of dit script goes werkt in netscape en ie lager dan 6... is daar trouwens de hot-spot van de cursor anders? anders moet ik ff wat veranderen...

maandag 6 mei 2002 00:48

Acties:

SchizoDuckie

Kwaak

Netjes (zwaar irritant scriptje op zich, omdat het o.a. niet meer mogelijk is de bron te viewen door rechtermuis te klikken), maar netjes geprogrammeerd.

iets netter is om je reference naar de layer even vantevoren te definieren. scheelt in code, en in getElementById lookups

code:

<SCRIPT type=text/javascript>
    function init()
    {
        horz = document.getElementById('horizontal').style;
        vert = document.getElementById('vertical').style;
        mid = document.getElementById('midden').style;
    }
    
    function visible(yn)
    {
    if (yn == "y")
        {
        window.status = "0,0"
        horz.visibility = "visible"
        vert.visibility = "visible"
        mid.visibility = "visible"
        }
    else
        {
        horz.visibility = "hidden"
        vert.visibility = "hidden"
        mid.visibility = "hidden"
        }
    }

    function coordinates()
    {
    x=event.clientX
    xm = x -13;
    x = x - 2
    y=event.clientY
    ym = y - 13;
    y = y - 16
    window.status = x + "," + y
    horz.top = y + "px"
    vert.left = x + "px"
    mid.top = ym + "px"
    mid.left = xm + "px"
    }
</SCRIPT>

dan wel in je body onload nog even de init(); aanroepen

[edit] heb ook je dubbele xm en ym variabelen geoptimized. kan in 1x

Stop uploading passwords to Github!

maandag 6 mei 2002 00:58

Acties:

Verwijderd

Topicstarter

fixed