myGully.com

myGully.com (https://mygully.com/index.php)
-   Programmierung (https://mygully.com/forumdisplay.php?f=67)
-   -   html datei in html einfügen (https://mygully.com/showthread.php?t=2105056)

ipulf 26.08.10 15:54

html datei in html einfügen
 
Hey leute

meine homepage basiert auf html (kann halt noch nichts anderes^^) und ich möchte es gerne so machen das ich eine externe html datei in meine index.html einfüge so wie mit dem php befehl:

PHP-Code:

<?php include("test.php"); ?>

also das der inhalt der html datei in miener index html angezeigt wird^^

bitte um hilfe^^

scorp32 26.08.10 15:58

Hmm versteh nicht ganz was Du machen willst^^

Also Du möchtest einfach HTML Code in deine index Seite einfügen?

Schick mal code per pm.

ipulf 26.08.10 15:59

ja es handelt sich dabei um eine side bar die ich in jeder html datei habe aber wenn ich da was änder nich immer wieder in jeder datei das ändern will^^

scorp32 26.08.10 16:02

Wenn de Frames hast kannste die in den Frame schreiben dann haste bei ner Änderung das auf allen Seiten.

ipulf 26.08.10 16:14

frames? *confused* xD

also ich benutze div conainer^^

Magicstar 26.08.10 16:55

also...
erstell ma ne neue index.html und füge in die folgenden code ein;

[HTML]<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titel der Seite</title>
</head>
<frameset cols="120,*" frameborder="no" border="0" framespacing="0">
<frame src="navi.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="content.html" name="mainFrame" id="mainFrame" />
</frameset>
<noframes><body>
</body></noframes>
</html>
[/HTML]

das menu nennst du navi.html und den inhalt nennst du content.html.

Gregs 26.08.10 17:03

Allerdings als Hinweis sollte man erwähnen das Framesets seit gut 5-6 Jahren endgültig aus der Mode sind und z.B. von Google gar nicht gemocht werden. In Zeiten von PHP sehe ich den Sinn darin auch nicht.

Du könntest dir z.B, auch eine Includes anlegen wo du bestimmte Dateien mit Variablen verknüpfst und dann nur noch diese Variablen aufrufst. Das wäre schon eher valide und zeitgemäß.

Was funktioniert denn an:

Code:

<?php include("test.html"); ?>
Oder meinetwegen auch:

Code:

<?php include("http://www.meinesiete.de/test.html"); ?>
nicht? Oder unterstützt der Server kein PHP? Gibts sowas überhaupt noch?

Magicstar 26.08.10 17:08

frames sind veraltet, aber bieten bei ihm ne sinnvolle möglichkeit^^
sonst könnte er einfach 2 div's gefloatet nebeneinander setzen.
und in das linke dann den php-code einfügen.
das würde auch gehen.

ipulf 26.08.10 17:15

der wirft mir dann einen haufen errors^^

ipulf 26.08.10 17:16

PHP-Code:

<?php include("test.html"); ?>

funktioniert leider nicht^^

Magicstar 26.08.10 17:17

poste die errors ma pls

ipulf 26.08.10 17:18

könntest du mich nich in icq oder so adden? dann kannst dus dir bei mir aufm rechenr selber ansehen^^

Magicstar 26.08.10 17:19

nö :p
poste doch einfach die errors^^
wo isn da das problem?

ipulf 26.08.10 17:34

der sagt da fehlen daten unso und dann schreibt der mir die index in die navi.html um und haut da alles durcheinander^^

benutze adobe dreamweaver cs4 falls es hilft^^

Gregs 26.08.10 17:41

Um mal genau nachzufragen:

Du bearbeitest die Datei (html) in Dreamweaver. Dann packst du den include-code in einen DIV-Container und legst die einzubindende Datei dann so ab das er sie auch entsprechend deinen Angaben findet. Also entweder relativ zum Pfad, oder ohne Pfadangaben halt direkt im gleichen Ordner.

Dann lädst du alles auf deinen Webspace und testest es? Oder nutzt Wampp, oder Xampp, oder wie genau prüfst du die Dateien, bzw. testest sie?

Und eine genaue Fehlermeldung und der Code, und sei es nur ein Auszug wären immer noch hilfreich!

ipulf 26.08.10 17:45

uff also der spuckt mir keinen direkten error aus der wirft mir einfach nur alles durcheinander wie bereits beschrieben und ich teste es in dem ich es auf meinem webspace bei bplaced hochlade..

Gregs 26.08.10 17:58

So lange ich da keinen Code sehe kann ich dir leider nicht helfen. Für mich hört sich das eher an als würde der html-code den du includest (<- genialer Anglizismus) den html-code der Stammdatei durcheinander bringen. So das es nicht am include, sondern am html-code selbst liegt. Aber wie gesagt, ich bin kein Hellseher und meine Kugel für die Weissagung ist kaputt, daher kann ich ohne den Code nichts dazu sagen. Alles weitere wäre ein Ratespiel das zu nichts führt...

BannedD 26.08.10 18:02

[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Das sollte dir helfen:)

ipulf 26.08.10 18:10

mit include code: [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...] (included: Header Navi inhalt der rechten und linken sidebar
ohne inlude: [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Gregs 26.08.10 18:25

Also irgendwas stimmt da überhaupt nicht, da fehlt ja die Hälfte. Wo wird denn dein Body-Tag zu gemacht, und wo dein HMTL-Tag?

Wenn ich mir den Quelltext der Seite mit Include anschaue, dann hört die unten mit einem <p> auf, das ist nicht mal geschlossen.

Also in dem Fall ist klar das die Seite zerrissen wird. Das solltest du als erstes mal fixen, und auch schauen ob jedes Tag, sei es Div, die Tabelle, oder auch nur das <p> (paragraph) immer richtig geschlossen wird, und das an den richtigen Stellen, sonst verhunzt es dir das ganze Layout.

Eine Seite hört in 99% mit

Code:

</body>
</html>

auf und davor sind alle Tags geschlossen!

Am Besten ist du baust dir die Seite erst mal als Ganzes auf, so das es passt und nimmst dann den Code raus der included werden soll, so das du ihn in eine externe Datei packen kannst. Dann weißt du das er zum übrigen Code passt.

Der Code ist leider ziemlich verhunzt, ohne das ich es böse meine. Versuche auch mal wenn du schon eine CSS hast mit CSS zu arbeiten. Beispiel:

Code:

<center>
<h3><font color="#FF0000">

So etwas kann man alles in CSS darstellen und mit Klassen oder IDs an einen Div-Container übergeben. Das ist deutlich sauberer und du kannst hinterher leichter Sachen ändern. Lieber gleich angewöhnen. :)

Hoffe das konnte dir irgendwie helfen. Ich an deiner Stelle würde den Code noch mal komplett neu machen, geht ja fix im Dreamweaver, und dann auch immer in Etappen arbeiten. Eine Sache machen, dann überprüfen ob alles passt, so weißt du immer gleich wo sich ein Fehler eingeschlichen hat und musst nicht ewig suchen. :)

ipulf 26.08.10 18:35

ich weis nicht was du meinst^^

das hier ist der quelltext^^

[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>FlyFBA</title>
</head>
<div class="bg">
<?php include("navi.html"); ?>
<div class="body">
<div class="side-left">
<?php include("sidebar_left.html"); ?>

</div>
<div class="main">


</div>
<div class="side-right">
<?php include("sidebar_right.html"); ?>

</div>
<br /><center><a href="http://www.darkfluppi.deviantart.com">&copy; by Fluppi</a></center><br />
</div>
</div>
</body>
</html>
[/HTML]

Gregs 26.08.10 18:43

Dann poste hier bitte noch den Code den du includest, dann schaue ich mir das gerne noch mal an, kannst es mir auch via PM schicken.

ipulf 26.08.10 18:48

also das hier is schonmal die navi&header datei

[HTML]
<s***** type="text/javas*****">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</s*****>
<body onload="MM_preloadImages('Images/download_rollover.png','Images/Bilder/Bilder/FlyFBA_03.png','Images/Bilder/Bilder/FlyFBA_04.png','Images/Bilder/Bilder/FlyFBA_05.png','Images/Bilder/Bilder/FlyFBA_06.png','Images/Bilder/Bilder/FlyFBA_07.png','Images/Bilder/Bilder/FlyFBA_08.png')">
<div class="head1">
<a href="index.html"><div class="head"></div></a><a href="pshop/index.php" target="_blank"><div class="donate"></div>
</a></div>
<div class="navi">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild9','','Images/Bilder/Bilder/FlyFBA_03.png',1)"><img src="Images/Bilder/FlyFBA_03.png" name="Bild9" width="203" height="94" border="0" id="Bild9" /></a></td>
<td><a href="http://flyfba-board.tk" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild14','','Images/Bilder/Bilder/FlyFBA_04.png',1)"><img src="Images/Bilder/FlyFBA_04.png" name="Bild14" width="157" height="94" border="0" id="Bild14" /></a></td>
<td><a href="register.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild7','','Images/Bilder/Bilder/FlyFBA_05.png',1)"><img src="Images/Bilder/FlyFBA_05.png" name="Bild7" width="197" height="94" border="0" id="Bild7" /></a></td>
<td><a href="team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild10','','Images/Bilder/Bilder/FlyFBA_06.png',1)"><img src="Images/Bilder/FlyFBA_06.png" name="Bild10" width="151" height="94" border="0" id="Bild10" /></a></td>
<td><a href="htc.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild11','','Images/Bilder/Bilder/FlyFBA_07.png',1)"><img src="Images/Bilder/FlyFBA_07.png" name="Bild11" width="114" height="94" border="0" id="Bild11" /></a></td>
<td><a href="partner.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild12','','Images/Bilder/Bilder/FlyFBA_08.png',1)"><img src="Images/Bilder/FlyFBA_08.png" name="Bild12" width="202" height="94" border="0" id="Bild12" /></a></td>

</tr>
</table>
</div>
[/HTML]

*schäm* xD

Gregs 26.08.10 19:07

Ich weiß nun nicht was die einzelnen Klassen und IDs machen, aber ein offensichtlicher Fehler ist schon mal das du in der Include- Datei einen Body-Tag hast, aber du machst keinen nach dem </head> auf.

Code:

<body onload="MM_preloadImages('Images/download_rollover.png','Images/Bilder/Bilder/FlyFBA_03.png','Images/Bilder/Bilder/FlyFBA_04.png','Images/Bilder/Bilder/FlyFBA_05.png','Images/Bilder/Bilder/FlyFBA_06.png','Images/Bilder/Bilder/FlyFBA_07.png','Images/Bilder/Bilder/FlyFBA_08.png')">
Du kannst natürlich nicht eine Datei in eine HTML-Datei includen die einen Body-Tag irgendwo aufmacht, und den schliesst du denn nicht mal. Dann interpretiert der Interpreter nämlich nur die Sachen ab dem zweiten Body-Tag. Also wenn du den zweiten Teil includest, dann muss da der Body-Tag raus.

Auch das S***** was in der Include ist sollte am besten in den Head-Bereich, du bekommst sonst nur Probleme. In die Include würde ich nur HTML/CSS packen und am besten gar keine S*****e.

Ich denke mal das Problem wird aber der Body-Tag sein, dieser muss immer (!!!) direkt nach dem </head> starten.

Ansonsten weiß ich wie gesagt nicht was die CSS-Klassen/IDs machen, eventuell gibt es da auch noch Fehler.

ipulf 26.08.10 19:18

ok also ich hab mir das jetz mal alles umgehaun und den head bereich gelassen wie er ist undzwar in der index allerdings die side bars wäre noch cool zu haben^^ und das sieht bis jetz so aus:

index:
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>FlyFBA</title>
<s***** type="text/javas*****">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</s*****>
</head>
<body onload="MM_preloadImages('Images/download_rollover.png','Images/Bilder/Bilder/FlyFBA_03.png','Images/Bilder/Bilder/FlyFBA_04.png','Images/Bilder/Bilder/FlyFBA_05.png','Images/Bilder/Bilder/FlyFBA_06.png','Images/Bilder/Bilder/FlyFBA_07.png','Images/Bilder/Bilder/FlyFBA_08.png')">
<div class="bg">
<div class="head1">
<a href="index.html"><div class="head"></div></a><a href="pshop/index.php" target="_blank"><div class="donate"></div>
</a></div>
<div class="navi">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild9','','Images/Bilder/Bilder/FlyFBA_03.png',1)"><img src="Images/Bilder/FlyFBA_03.png" name="Bild9" width="203" height="94" border="0" id="Bild9" /></a></td>
<td><a href="http://flyfba-board.tk" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild14','','Images/Bilder/Bilder/FlyFBA_04.png',1)"><img src="Images/Bilder/FlyFBA_04.png" name="Bild14" width="157" height="94" border="0" id="Bild14" /></a></td>
<td><a href="register.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild7','','Images/Bilder/Bilder/FlyFBA_05.png',1)"><img src="Images/Bilder/FlyFBA_05.png" name="Bild7" width="197" height="94" border="0" id="Bild7" /></a></td>
<td><a href="team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild10','','Images/Bilder/Bilder/FlyFBA_06.png',1)"><img src="Images/Bilder/FlyFBA_06.png" name="Bild10" width="151" height="94" border="0" id="Bild10" /></a></td>
<td><a href="htc.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild11','','Images/Bilder/Bilder/FlyFBA_07.png',1)"><img src="Images/Bilder/FlyFBA_07.png" name="Bild11" width="114" height="94" border="0" id="Bild11" /></a></td>
<td><a href="partner.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild12','','Images/Bilder/Bilder/FlyFBA_08.png',1)"><img src="Images/Bilder/FlyFBA_08.png" name="Bild12" width="202" height="94" border="0" id="Bild12" /></a></td>

</tr>
</table>
</div>
<div class="body">
<div class="side-left">




<?php include("left.html"); ?>




</div>
<div class="main">
<div class="main-text"></div></div>
<div class="side-right"><div class="right-text">
<center>
<a href="download.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild8','','Images/download_rollover.png',1)"><img src="Images/download.png" name="Bild8" width="180" height="65" border="0" id="Bild8" /></a><br /><br /><br /><br />
<b>Serverstatus:</b><br />
<?php include("ServerStatus.php"); ?><br />
<b>Ranking:</b><br />
<?php include("ranking.php"); ?> <br />
<b>Gildenranking:</b><br />
<?php include("gildenranking.php"); ?> <br />
<b>Lord:</b><br />
<?php include("new lord.php"); ?> <br />
<b>Most Violent Player:</b><br />
<?php include("MVP.php"); ?> <br />


</center></div></div>
<br /><center><a href="http://www.darkfluppi.deviantart.com">&copy; by Fluppi</a></center><br />
</div>
</div>
</body>
</html>
[/HTML]


ich hab den include in der html datei mal ein bisschen frei gestelt zur veranschaulichung und hier ist der include:

[HTML]<div class="left-text">
<center>
<h3><font color="#FF0000"><b>Rates:</b><br /></font></h3>
<font color="#009900">
<b>Exp: 45%<br />
Drop: 50%<br />
Penya: 70%<br /></b></font><br /><br />


</center>
</div>[/HTML]

Tiega 27.08.10 01:19

wie wäre es wenn die eine php datei erstellst und die über einen server startest? mit einer html datei kannst man kein php ausführen.


Alle Zeitangaben in WEZ +1. Es ist jetzt 17:33 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.