Was um Himmels Willen ist ein Div?

Beitrag von **Gretus** » 19.01.2007, 20:21

Hallo,

ich habe auf meinen beiden Url/aubsportalen als kleinen Service Google Maps integriert. Guckst Du unter www.nord/see-suche.de/karte.html...

Ich bekomme es jedoch nicht hin, die Seite in meine Seite zu integrieren. Guckst Du unter www.nord/see-suche.de/index.php?page=karte...

In der Anleitung zum Einbau stand: Packen Sie den Javascript-Code im Body nicht in eine Tabelle oder in ein div, der Internet Explorer kann dies sonst nicht darstellen.

Da ich keine Tabelle benutzt habe, schätze ich mal, der Fehler liegt beim `div´. Aber wat is dat überhaubt?

Vielen Dank im voraus...

Gretus[/url]

von **Anzeige von ABAKUS** »

Beitrag von **patrick0815** » 19.01.2007, 20:22

<div> </div>

sowas?

Beitrag von **jelem** » 19.01.2007, 20:41

https://www.css4you.de/wsboxmodell/index.html

von **Anzeige von ABAKUS** »

Beitrag von **Gretus** » 19.01.2007, 20:43

Hallo,

hier mal der komplette Body-Code:

<h1><span style="font-weight: 400"><font face="Verdana" size="5">Übersichtskarte
der Region Nordsee:</font></span></h1>
<p><font face="Verdana">Mit Hilfe der Pfeiltasten oben links können Sie die
Karte in die gewünschte Richtung bewegen. Mit den Tasten `+´ bzw. `-´ können Sie
die Auflösung der Karte verändern. Außerdem stehen Ihnen verschiedene Ansichten
zur Verfügung...</font></p>
<div id="map" style="width:600px; height:600px;"></div>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(8.023237,53.702992),

;
var icon = new GIcon();
icon.image = "https://www.google.com/mapfiles/marker.png";
icon.shadow = "https://www.google.com/mapfiles/shadow50.png";
icon.iconSize = new GSize(20, 34);
icon.shadowSize = new GSize(37, 34);
map.addOverlay(marker);
}
//]]>
</script>

<p><font face="Verdana">Diese Karte ist ein Service der Seite
<a target="_top" href="https://www.nordsee-suche.de/"><font color="#FF0000">
nordsee-suche.de</font></a>. Wenn Sie selbst diese oder eine ähnliche Karte auf
Ihrer Homepage integrieren möchten, finden Sie
<a target="_blank" href="https://maps.google.de/maps"><font color="#FF0000">hier</font></a>
weitere Informationen...</font></p>

Was kann da falsch sein? Das eine Div da oder was?

Grüße

Gretus

Beitrag von **pr_sniper** » 19.01.2007, 20:57

https://de.selfhtml.org/html/text/bereiche.htm - und eigentlich nur, um etwas rein zu tun ...

<div id="map" style="width:600px; height:600px;"></div> - hier ist nur Luft drin.

Außerdem: was soll das H1-Vergurke? CSS und auch Javascript sind besser immer in externe Dateien auszulagern -

Deshalb: https://de.selfhtml.org/index.htm und https://www.abakus-internet-marketing.d ... undlag.htm

Beitrag von **patrick0815** » 19.01.2007, 20:57

das </div> gehört das nicht unter das script?

Beitrag von **cren** » 19.01.2007, 20:59

Da fehlt einfach was. Wo steht denn dein API-Key für Google Maps? Woher soll der Browser wissen wie die Javascript-Funktionen aussehen?

Beitrag von **Gretus** » 19.01.2007, 21:12

Hallo,

der API Code ist im Header. Muss ja nun nicht unbedingt jeder wissen

Das Gegurke bezieht sich ja auf den Text, der auf der Seite steht. Und ich muss doch irgendwo die Größe der Karte angeben. Weiß auch nicht. Könnte es auch an dem Aufbau meiner Seite liegen? Das da irgendwas nicht akzeptiert wird, oder liegt es nur an der Seite karte.html?

Manno, bin eben halt kein Profi...

Grüße

Gretus

Beitrag von **cren** » 19.01.2007, 21:41

Hab eben mal nen Blick in deinen Quellcode gelesen... so richtig gut sieht der nicht aus...

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="de" lang="de">
<head>

		<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
...
...
</head>
<body>
<div id="page_margins">
<div id="page" class="hold_floats">
...
...
<div id="main">
    <div id="col1">
      <div id="col1_content" class="clearfix">
	  <img class="noborder" src="image/line.gif" width="580" height="9" />
<html>

<head>
...

In Opera funktioniert deine Karte übrigens.

Beitrag von **Gretus** » 19.01.2007, 21:50

Hallo,

ja, das mit dem Code kenn ich schon. Habe die Seite machen lassen. Muss ich mit leben...

Aber die Karte hätte ich schon gerne integriert. Opera haben ja die meisten eher nicht

Grüße

Gretus

P.S.: Ich wohne 200 Meter von der Nordsee entfernt. Genau im `Auge´ sozusagen. Gegenüber vergangenen Stürmen war Kyrill ein laues Lüftchen. Den einen RTl-Reporter haben die wahrscheinlich angebunden, damit er extra schräg steht, hihi. Ich stand gestern noch draußen: Spring, Feuerzeug an, loder, Zigarrette anzünd

Beitrag von **cren** » 19.01.2007, 22:10

Dein oben geposteter Code-Abschnitt scheint fehlerfrei zu sein. Unter meinem API-Key läuft er problemlos. Wenns in dem einen Browser geht und im anderen nicht liegt es vielleicht doch daran, dass der head-Bereich mitten im "ersten" body auftaucht und manche Browser damit nicht so richtig klarkommen.

Beitrag von **Gretus** » 19.01.2007, 22:19

Hallo,

bei mir funktioniert die Seite auch; wenn man Sie alleine aufruft. Aber, wie oben beschrieben, wenn ich die Seite www.nord/see-suche.de/index.php?page=karte aufrufe, klappt es nicht. Mit meinen anderen Seiten, z.B. impressum geht es einwandfrei...

Hier noch einmal die komplette Seite karte.html; nur ohne den Key...

<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript" src="https://maps.google.com/maps?file=api&v ... "></script>
</head>

<body>
<h1><span style="font-weight: 400"><font face="Verdana" size="5">Übersichtskarte
der Region Nordsee:</font></span></h1>
<p><font face="Verdana">Mit Hilfe der Pfeiltasten oben links können Sie die
Karte in die gewünschte Richtung bewegen. Mit den Tasten `+´ bzw. `-´ können Sie
die Auflösung der Karte verändern. Außerdem stehen Ihnen verschiedene Ansichten
zur Verfügung...</font></p>
<div id="map" style="width:600px; height:600px;"></div>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(8.023237,53.702992),

;
var icon = new GIcon();
icon.image = "https://www.google.com/mapfiles/marker.png";
icon.shadow = "https://www.google.com/mapfiles/shadow50.png";
icon.iconSize = new GSize(20, 34);
icon.shadowSize = new GSize(37, 34);
map.addOverlay(marker);
}
//]]>
</script>

<p><font face="Verdana">Diese Karte ist ein Service der Seite
<a target="_top" href="https://www.nordsee-suche.de/"><font color="#FF0000">
nordsee-suche.de</font></a>. Wenn Sie selbst diese oder eine ähnliche Karte auf
Ihrer Homepage integrieren möchten, finden Sie
<a target="_blank" href="https://maps.google.de/maps"><font color="#FF0000">hier</font></a>
weitere Informationen...</font></p>

</body>

</html>

Beitrag von **cren** » 19.01.2007, 22:43

Dann entfern doch den unnützen Krempel:

Code: Alles auswählen

<html> 

<head> 
<meta http-equiv="Content-Language" content="de"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<script type="text/javascript" src="http&#58;//maps.google.com/maps?file=api&v=1&key=....................."></script> 
</head> 

<body>

und

Code: Alles auswählen

</body> 

</html>

Damit müsste es valide werden (natürlich nur, wenn du vorhast die karte.html nicht einzeln aufzurufen, sondern nur über die index.php).

Die Zeile mit dem Key kannst du getrost mit in den Body nehmen.

Beitrag von **Gretus** » 19.01.2007, 23:01

Hallo,

um ehrlich zu sein, hatte ich das vor

Ich hatte mir überlegt, Vermie/tern aus meinen Portalen, die Möglichkeit zu geben, die Seite mit einem Link auf die Seite ohne index.php auf Ihrer Seite `einzubauen´. Ich habe deswegen schon mal einen Thread eröffnet. Ich weiß gar nicht, ob man das darf und was passiert, wenn man durch `Kettenverlinkung´ plötzlich die erlaubten 50000 Visits/Tag erreicht hat.

Ich habe Bedenken, dass Gurgel mich dann komplett kickt. Die entsatnden BL werde ich dann nur schwer wieder beseitigen können

Naja, jetzt kommen ja so langsam die Spezies aus den Federn gekrochen...

Grüße

Gretus

Beitrag von **cren** » 19.01.2007, 23:05

Na dann leg doch einfach ne zweite Datei an, die die Leute dann anlinken können. Dort werden die Zugriffe einfach mit geloggt und wenn du merkst das es langsam zu viel wird gibts immer noch Möglichkeiten dem entgegenzuwirken. Aber 50.000 sind schon ne Menge, das muss man erstmal schaffen