You are not logged in.

onClick Verweis funktioniert nicht so wie ich mir das denke

wcf.regNote.message

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

1

Monday, December 29th 2008, 9:18am

onClick Verweis funktioniert nicht so wie ich mir das denke

Ich habe ein Bild welches ich als Hintergrundgrafik in einer Tabelle eingebungen habe. In diesem Bild gibt es nun 4 Elemente welche ich anklicken möchte. Damit ich nicht die Grafiken ausschneiden muss und pixel genau hin und her schieben dachte ich mir ich erstelle mit 4 Div Container welche durchsichtig sind und anklickbar. Soweit sogut, aber irgendwie funktioniert das ganze nicht so wie ich mir das dachte. Hier mal der Code von den Div's.

PHP Source code

 
1
2
3
4

<div style="width:135px; height:30px; position:fixed; top:127px; left:170px" onClick="window.location.href('link1.php')">
<div style="width:135px; height:30px; position:fixed; top:127px; left:330px" onClick="window.location.href('link2.php')">
<div style="width:145px; height:30px; position:fixed; top:127px; left:490px" onClick="window.location.href('link3.php')">
<div style="width:155px; height:30px; position:fixed; top:127px; left:660px" onClick="window.location.href('link4.php')">

Egal welches Div ich nun anklicke es öffnet sich immer nur link1.php. Außerdem funktioniert das ganze im Firefox auf die Art gar nicht. Beim FF muss ich mit window.location.replace arbeiten damit sich überhaupt was tut.

Was gibt es denn für alternativen oder wie definiere ich Bereiche auf einer Grafik welche anklickbar sein sollen ohne die Grafik zu zerschneiden und ohne mit einer map zu arbeiten?
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

2

Monday, January 5th 2009, 11:53am

Warum das mit meinen Div's nicht funktioniert weiß ich immer noch nicht aber ich habe das Problem jetzt anders gelöst. Folgendes funktioniert bei mir einwandfrei (falls das mal jemand brauchen kann).

PHP Source code

 
1
2
3
4
5
6
7
8
9
10
11
12

<div id="link1" style="width:135px; height:30px; position:fixed; top:127px; left:170px">
    <a href="link1.php" target="_self" style="display:block; text-indent:-700em; width:135px; height:30px">&nbsp;</a>
</div>
<div id="link2" style="width:135px; height:30px; position:fixed; top:127px; left:330px">
    <a href="link2.php" target="_self" style="display:block; text-indent:-700em; width:135px; height:30px">&nbsp;</a>
</div>
<div id="link3" style="width:145px; height:30px; position:fixed; top:127px; left:490px">
    <a href="link3.php" target="_self" style="display:block; text-indent:-700em; width:145px; height:30px">&nbsp;</a>
</div>
<div id="link4" style="width:155px; height:30px; position:fixed; top:127px; left:660px">
    <a href="link4.php" target="_self" style="display:block; text-indent:-700em; width:155px; height:30px">&nbsp;</a>
</div>


Aber auf das "position:fixed" achten da dies bewirkt das der Link beim Scrollen dennoch auf dem Bildschirm an der gleichen Stelle bleibt. Scrollt der Button nach oben weg dann muss man das ändern damit der Link ebenfalls weg scrollt.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

bauser

Intermediate

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

3

Saturday, February 21st 2009, 10:27am

ich glaube du musst document.location.href setzen und nicht window.location.href
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

Prometheus

Administrator

  • "Prometheus" started this thread

Posts: 3,278

  • Send private message

4

Sunday, February 22nd 2009, 12:03pm

Du hast recht. Das heißt ich habs nicht getestet aber klar das es document und nicht window heißen muss. Mit window würde ich ja ein Fenster ansprechen und beim FF ist es wohl reine Glückssache das es dennoch funktioniert. Da ich an dem Projekt eh noch einiges zu tun habe werd ich das auch noch mal testen wobei mir das Thema mit den scrollbaren Tabellen immer noch am meisten Sorgen bereitet. Ich hab 1000 Beispiele gesehen das sowas möglich ist aber bekomme es selbst einfach nicht hin.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

wcf.user.socialbookmarks.titel