✔ Verweis-sensitive Grafiken in verbindung mit Popups

B

beimaik

Grünschnabel
Hallo zusammen,
ich habe das Problem das ich es nicht hinbekomme Popups öffnen zu lassen. Ein Popup öffnen zu lassen wenn ich auf ein Textlink klicke, ist kein Problem, aber ich möchte in einer Grafik einen Bereich auswählen z.B. mit shape="rect" und wenn dann darauf geklickt wird soll sich ein Popup öffnen.

Geht das überhaupt? Ich hoffe! denn ich brauche das unbedingt.

Würde mich über eure Hilfe sehr freunen.

Hier habe ich auch einen Quellcode als Beispiel wo ich es probiert habe:
Code: 
<html>

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>- -- DISNEY stand not only for Mickey und Donald... discover the whole world of Disney & Co with HOUSE OF TRENDS! -- -</title>
<style type="text/css">
#Left {
 background-image:url('left_bg_about-us.jpg'); background-repeat:no-repeat;
 background-position: 0px 0px;
}
</style>
<base target="Hauptframe">
</head>

<body link="#000000" vlink="#999999" alink="#000080" topmargin="0" leftmargin="0">
<div id="Left" style="width: 182; height: 601">

<map name="button">
		<area shape="rect" coords="21, 115, 162, 177" href="main_frame.htm" alt="about us" target="main_frame">
		<area shape="rect" coords="21, 186, 162, 248" href="index_products.htm" alt="products" target="_top">
		<area shape="rect" coords="21, 258, 162, 320" href="licences.htm" alt="licensces" target="main_frame">
		
				
		<a href="#" onClick="MM_openBrWindow('error_schwedisch.htm','kuli','scrollbars=yes,width=560,height=280')">
		<area shape="rect" coords="71, 77, 110, 103">
		
		<a href="#" onClick="MM_openBrWindow('error_german.htm','kuli','scrollbars=yes,width=560,height=280')">
		<area shape="rect" coords="117, 76, 158, 103">
						
		
		
		
		
</map>

        <img src="leer.gif" width="168" height="328" border="0" usemap="#button"> 
		<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
      <tr>
        <td width="12%">&nbsp;</td>
        <td width="100%">
        <iframe name="news_inline_frame" src="inline_frame.htm" width="139" height="249" scrolling="no" border="0" frameborder="0">
        www.HOUSE OF TRENDS.de   Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.</iframe></td>
      </tr>
    </table>
    
</body>

</html>
 
danke erst mal, meintest du so?:

Code: 
<area shape="rect" coords="71, 77, 110, 103" onClick="MM_openBrWindow('error_schwedisch.htm','kuli','scrollbars=yes,width=560,height=280')">
		<area shape="rect" coords="117, 76, 158, 103" onClick="MM_openBrWindow('error_german.htm','kuli','scrollbars=yes,width=560,height=280')">

hatte ich glaube ich auch schon probiert und jetzt funktioniert das zwar, aber ich bekomme keine "hand" angezeigt wenn ich über den Link mit der Maus gehe.
 
ich habe das jetzt so mal probiert, aber das klappt auch nicht. Die "Hand" (wie man sie kennt wenn etwas zum klicken ist) kommt leider immer noch nicht.
Bin leider in dem CSS und Javascript bereich nicht gerade gut, es wäre absolut klasse wenn ich eine Lösung bekommen würde.

Code: 
<area shape="rect" coords="71, 77, 110, 103" div style="cursor:pointer" onClick="MM_openBrWindow('error_schwedisch.htm','kuli','scrollbars=yes,width=560,height=280')">
 
Zuletzt bearbeitet:
Probier's mal so:

HTML: 
<area shape="rect" coords="71, 77, 110, 103" style="cursor:hand;" onClick="MM_openBrWindow('error_schwedisch.htm','kuli','scrollbars=yes,width=560,height=280')">
 
wen es noch intressiert, ich habs selber rausbekommen ;-)

Code: 
<script type="text/javascript">
function popup(url) {
 fenster=window.open(url, "Popupfenster", "width=550,height=250,resizable=yes");
 fenster.focus();
 return false;
}
</script>


<area shape="rect" coords="71, 77, 110, 103" a href="error_schwedisch.htm" target="_blank" onclick="return popup(this.href);">
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück