generiertes Rechteck mit Hyperlink auf Homepage, geht das?

phoenix018 · 23. Dezember 2004

Ich will ein Menü für eine Homepage bauen und würde es gerne erzeugen lassen, also die Rechtecke sollen von Pixel x/y bis Pixel x/y gehen und mit einem Hyperlink darauf angezeigt werden, so dass bei einem egal wo auf das Rechteck dann die Weiterleitung stattfindet.

Ich hab mir jetzt verschiedene Sprachen angeschaut, aber es schien mit keiner machbar zu sein.

Bei Javascript kann ich zeichnen aber keine Hyperlinks machen. Javascript wär mir aber noch am liebsten, da es recht simpel zu sein scheint, geht das vielleicht doch irgendwie?

Wie gesagt, nur ein dynamisch generiertes Menü für ne Page solls werden, die Sprache kann ich mir aneignen.

MfG Phoenix018

gimmebytes · 23. Dezember 2004

Sollte mit PHP kein Problem sein.

phoenix018 · 23. Dezember 2004

Ich hab mal in eine Referenz zu php geschaut, hab aber nur gefunden dass ich Text und gefüllte rechtecke zeichnen kann, aber nicht wie ich dann auf dem erzeugten Bild einen Hyperlink mache.

Oder kann es vielleicht so klappen dass ich das Bild im Speicher erzeuge, es dann ablege und mit einem echo den Hyperlink auf das gerade abgelegte Bild mache?

Hat sowas schon einer gemacht oder weiss wie es geht?

MfG Phoenix018

Kupfel · 23. Dezember 2004

Code:

<map name="Name">
<area shape="rect" coords="x1,y1,x2,y2" href="hier link einfügen" alt="text einfügen" target="target einfügen">
</map>

<img src="bildeinfügen" border="0" usemap="#Name">

x1,y1 = linke obere Ecke; x2,y2 = rechte untere Ecke

phoenix018 · 23. Dezember 2004

Das bezieht sich auf die erzeugung einer Klick-sensitiven Fläche auf einem Bild hab ich in SelfHTML gelesen, nicht ganz was ich suche. Das kann ich nicht auf und zu klappen.
Mit deiner Lösung krieg ich die Buttons nicht verschoben. Danke trotzdem!
_________
|____1___|__
|_______2__|
|_______3__|
|____4___|

Sowas will ich bauen, klickt man auf 1 sollen 2 und 3 erscheinen, bei erneutem Klick sollen sie wieder verschwinden. Als einfaches Beispiel.

Die Menüs die man runterladen kann sind mir zu umständlich zu konfigurieren und so lern ich garantiert noch was dazu.

MfG Phoenix018

Kupfel · 23. Dezember 2004

ah, hat sich aber nach dem angehört

Dazu brauchst du wirklich javascript oder DHTML. Ich hab jetzt aber leider nicht die Zeit dafür, muss noch ein bissel Weihnachts-shoppen gehen

hurga_gonzales · 23. Dezember 2004

Hi,

was Du brauchst ist ein Layer, den Du erzeugst und anschließend nach Deinem Dünken mit HTML-Code befüllst und vor allen anzeigst oder eben nicht.

Also, aus der Hüfte geschossen und nicht getestet:


<div id=idWait class=noprint style="visibility: hidden; position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background-color: 261A46; color: white; font:bold 11pt Arial; border: 1pt outset threedface; padding: 40pt">
Hier Dein HTML Code rein!
</div>

Und Aufruf über eine kleine Funktion, zum Beispiel beim Laden der Seite:

<script LANGUAGE="JavaScript">
function toggleDIV() {
var width = document.body.clientWidth/3;
var height = document.body.clientHeight/4;
idWait.style.pixelWidth = width;
idWait.style.pixelHeight = height;
idWait.style.pixelLeft = document.body.scrollLeft + width;
idWait.style.pixelTop = document.body.scrollTop + height/2;
idWait.style.visibility = "visible";
}
</script>

Die Funktion rufst Du auf im Body Tag

<body onload="toggleDIV()">

Dies würde eine rechteckige Fläche in die Mitte des Bildschirms zaubern mit all den Inhalten, die Du haben möchtest.

Anstatt style.visibilitiy kannst auch style.display verwenden, wobei das Anzeigeattributedann aber ' ' oder 'none' (versteckt) wäre.

Ich hoffe, das hilft Dir mal ansatzweise weiter.

Grüße
Hurga

Suche

generiertes Rechteck mit Hyperlink auf Homepage, geht das?

phoenix018

Ensign

gimmebytes

Lt. Commander

phoenix018

Ensign

Kupfel

Lieutenant

phoenix018

Ensign

Kupfel

Lieutenant

hurga_gonzales

Captain