iFrame, Tabelle -> kp - Paules-PC-Forum.de

K. R. Eyden · 11.01.2007, 16:36

Hallo Leute,
ich such schon tagelang alle möglichen Foren und HTML-Seiten nach Antworten ab, aber alle Versuche scheitern

Ich möchte eine neue Seite innerhalb der bestehenden laden, sodas das Grundgerüst (Header, Navi etc.) nicht neu läd. Ich dachte da an einen iFrame aber scheinbar ist das nur mit Tabellen realisierbar? (Was mir auch lieber wäre)
Also, ums kurz zu sagen: Der Inhalt soll, wenn man auf den entsprechenden Link klickt, sich ändern, ohne die komplette Page zu laden....

Zwirni · 11.01.2007, 22:31

Mit iframes liegste schonmal richtig. Ist heutzutage allerdings eine recht unsaubere Variante da es suchmaschinenfeindlich ist. Ich würde dir raten mal AJAX anzugucken. Beispiel: http://www.viomatrix.de/vio-matrix-kaufen.html - wähle in dem Formularfeld ein Produkt aus, unten ändert sich der Inhalt der Seite. Ist eine JavaScript-Technologie bei der die Inhalte in dem sich ändernden <div> vom Webserver nachgeladen werden. Ginge auch ohne AJAX wenn es nur um kleine Texte geht, halt JavaScript.

K. R. Eyden · 11.01.2007, 22:38

Intressant!!! Vor allem, das sich nur das <div> neu läd is klasse. Wie heißt der Javascript? Bzw. Ajax?

Zwirni · 11.01.2007, 22:48

Schau dir den JavaScript-Code an: http://viomatrix.de/www-viomatrix-de-js_sajax.js - gibt im Internet zahlreiche Vorlagen für AJAX-Funktionalität. Such z.B. mal nach "SAJAX".

Wie gesagt geht es aber auch ohne AJAX:

Code:

document.getElementById('DieIdDesDiv').innerHTML='neuer Inhalt';

genügt völlig eigentlich. Geht aber wie gesagt nicht so gut bei großen Inhalten.

K. R. Eyden · 12.01.2007, 16:30

Danke schön, gleich mal ausprobieren...!!!

Ne, sind nur kleine Inhalte!!

----------------
Edit:
Ok hab was gefunden!

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>In div schreiben</title>
<style type="text/css">
<!--
#tralala{
position:relative;
width:350px;
border:1px solid black;
}
-->
</style>
<script type="text/javascript">
<!--
function schreibWas(string){
document.getElementById('tralala').innerHTML=string;
}
//-->
</script>
</head>
<body>
<div id="tralala">hier steht (fast) nix drin</div>


<a href="#" onclick="schreibWas('

Wort1</p>

Wort2</p>

Wort3</p>');return false;">schreib's rein</a></p>
</body>
</html>

Meine Frage ist nun folgendes (also der Script klappt einwandfrei):
Ich möchte nun Kontaktformularem, Foren etc. einfügen. Dies müsste ich eigentlich mit

Code:

<iframe src="#"></iframe>

hier

Code:

('

Wort1</p>

Wort2</p>

Wort3</p>')

eingeben, aber dann funzt das Script schon nicht mehr.
Wie kann ich Tags dennoch einfügen?

Zwirni · 12.01.2007, 21:54

Vermutlich ist in dem Fall das doppelte Anführungszeichen " das Problem. Diese müssten maskiert werden. Versuch es mal so:

Code:

('<iframe href=\"#\"></iframe>')

K. R. Eyden · 13.01.2007, 15:47

Hehe, also danke erst mal für den Tip. das maskieren hat leider nix gebracht, dafür hab ich die Lösung

Code:

('<iframe href=#></iframe>')

Hab einfach die " weggelassen und es funzt einwandfrei
Hätt ich auch eher drauf kommen können

Danke!

K. R. Eyden · 17.02.2007, 15:45

So, habs nun endlich rausgefunden, was ich ursprünglich wollte und posts mal hier, vllt. haben andere auch das Problem:

Code:

<iframe name="xxx" src="" width="" height=""></iframe>

Dieser Code ist zum Festlegen der iframe-Box.

Code:

Link1
Link2

Und hier der/die Links, dessen/deren Content(s) sich nun in der iframe-Box öffnet!

11.01.2007, 16:36	#1 (Direktlink)
K. R. Eyden Stammuser Registriert seit: 19.04.2006 Ort: Adelsheim Beiträge: 286	iFrame, Tabelle -> kp Hallo Leute, ich such schon tagelang alle möglichen Foren und HTML-Seiten nach Antworten ab, aber alle Versuche scheitern Ich möchte eine neue Seite innerhalb der bestehenden laden, sodas das Grundgerüst (Header, Navi etc.) nicht neu läd. Ich dachte da an einen iFrame aber scheinbar ist das nur mit Tabellen realisierbar? (Was mir auch lieber wäre) Also, ums kurz zu sagen: Der Inhalt soll, wenn man auf den entsprechenden Link klickt, sich ändern, ohne die komplette Page zu laden.... __________________ mFg K. R. Eyden

11.01.2007, 22:38	#3 (Direktlink)
K. R. Eyden Stammuser Registriert seit: 19.04.2006 Ort: Adelsheim Beiträge: 286	Intressant!!! Vor allem, das sich nur das <div> neu läd is klasse. Wie heißt der Javascript? Bzw. Ajax? __________________ mFg K. R. Eyden

11.01.2007, 22:48	#4 (Direktlink)
Zwirni Dauergast Registriert seit: 04.07.2004 Ort: Leipzig Beiträge: 1.085	Schau dir den JavaScript-Code an: http://viomatrix.de/www-viomatrix-de-js_sajax.js - gibt im Internet zahlreiche Vorlagen für AJAX-Funktionalität. Such z.B. mal nach "SAJAX". Wie gesagt geht es aber auch ohne AJAX: Code: document.getElementById('DieIdDesDiv').innerHTML='neuer Inhalt'; genügt völlig eigentlich. Geht aber wie gesagt nicht so gut bei großen Inhalten.

12.01.2007, 21:54	#6 (Direktlink)
Zwirni Dauergast Registriert seit: 04.07.2004 Ort: Leipzig Beiträge: 1.085	Vermutlich ist in dem Fall das doppelte Anführungszeichen " das Problem. Diese müssten maskiert werden. Versuch es mal so: Code: ('<iframe href=\"#\"></iframe>')

13.01.2007, 15:47	#7 (Direktlink)
K. R. Eyden Stammuser Registriert seit: 19.04.2006 Ort: Adelsheim Beiträge: 286	Hehe, also danke erst mal für den Tip. das maskieren hat leider nix gebracht, dafür hab ich die Lösung Code: ('<iframe href=#></iframe>') Hab einfach die " weggelassen und es funzt einwandfrei Hätt ich auch eher drauf kommen können Danke! __________________ mFg K. R. Eyden

11.01.2007, 22:31	#2 (Direktlink)
Zwirni Dauergast Registriert seit: 04.07.2004 Ort: Leipzig Beiträge: 1.085	Mit iframes liegste schonmal richtig. Ist heutzutage allerdings eine recht unsaubere Variante da es suchmaschinenfeindlich ist. Ich würde dir raten mal AJAX anzugucken. Beispiel: http://www.viomatrix.de/vio-matrix-kaufen.html - wähle in dem Formularfeld ein Produkt aus, unten ändert sich der Inhalt der Seite. Ist eine JavaScript-Technologie bei der die Inhalte in dem sich ändernden <div> vom Webserver nachgeladen werden. Ginge auch ohne AJAX wenn es nur um kleine Texte geht, halt JavaScript.

17.02.2007, 15:45	#8 (Direktlink)
K. R. Eyden Stammuser Registriert seit: 19.04.2006 Ort: Adelsheim Beiträge: 286	So, habs nun endlich rausgefunden, was ich ursprünglich wollte und posts mal hier, vllt. haben andere auch das Problem: Code: <iframe name="xxx" src="" width="" height=""></iframe> Dieser Code ist zum Festlegen der iframe-Box. Code: Link1 Link2 Und hier der/die Links, dessen/deren Content(s) sich nun in der iframe-Box öffnet! __________________ mFg K. R. Eyden

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln