[Erledigt] div-Element nicht neu laden!

MatthiasG. · 01.04.2009, 16:52

Hallo allerseits!

Ich arbeite schon länger mit PHP und bin jetzt dazu gekommen mit Joomla zu arbeiten. Dazu erstelle ich mir mein eigenes Template. Jetzt habe ich folgendes Problem: Im Banner-Bereich befindet sich eine animierte gif-Grafik. Doch beim Klicken auf irgendeinen Link wird der div-Tag ja (logischerweise) neu geladen. Dies möchte ich nun unterbinden, da es sonst nur ein "rumgeblinke" gibt. Wie ist sowas möglich? Ich habe gelesen/gehört, dass so etwas nur mit AJAX möglich ist, aber ich weiß nicht, ob das in Verbindung mit Joomla auch möglich ist.

Um etwas Klarheit zu schaffen:
Hier ist mein Code der index.php:

PHP-Code:

 
<html>

    <head>

        <jdoc:include type="head" />

        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/menue.css" type="text/css" />

    </head>

    <body>

        <div id="head">

            <div id="head_banner"><jdoc:include type="modules" name="banner" style="xhtml" /></div>

            <div id="head_search"><jdoc:include type="modules" name="search" style="xhtml" /></div>

            <div id="head_menu"><jdoc:include type="modules" name="top_menu" style="xhtml" /></div>

        </div>

        <div id="content">

            <div id="content_breadcrumbs"><jdoc:include type="modules" name="breadcrumb" style="xhtml" /></div>

            <div id="content_right"><jdoc:include type="modules" name="right" style="xhtml" /></div>

            <div id="content_left"><jdoc:include type="modules" name="left" style="xhtml" /></div>

            <div id="content_main"><jdoc:include type="component" style="xhtml" /></div>

        </div>

        <div id="foot">

            <div id="foot_cophyright"><jdoc:include type="modules" name="footer" style="xhtml" /></div>

        </div>

    </body>

</html>

Die template.css sieht folgendermaßen aus:

Code:

  html { height: 100%;
  	}
  
  body { font-size: 12px;
    font-family: Helvetica,Arial,sans-serif;
    padding : 0;
	margin : 0;
    }

  #head {
    width: 100%;
    background-image: url(../images/head_bg.png);
    background-repeat: repeat-x;
    background-color: #0000ff;
    }

  #content {
    background-color: #ffffff;
    float: left;
    width: 100%;
    }

  #foot {
    float: left;
    width: 100%;
    }

  #head_menu {
    width: 100%;
    float: left;
    }

  #head_search {
    height: 150px;
    float: right;
    }

  #head_banner {
    width: 500px;
    height: 150px;
    float: left;
    background-image: url('../images/banner.gif');
    }

  #content_right {
    margin: 0pt 0pt 1.1em;
    float: right;
    width: 12em;
    }

  #content_main {
    margin: 0pt 12em 1em 16em;
    padding: 0pt 1em;
    }

  #content_left {
    margin: 0pt 0pt 1.2em;
    float: left;
    width: 15em;
    }

  #foot_cophyright {
    margin: 0pt 0pt 1.1em;
    }

Ich möchte auch nicht $_GET benutzen, da ich Suchmaschinen-optimierte Links, mod_rewrite und Dateiendungen benutze. $_POST braucht Joomla selbst, da möchte ich nicht stören. Gibt es nicht eine Alternativ-Möglichkeit wie bei Frames ungefähr?

Auf jedem Fall schon einmal herzlichen Dank! Und danke, dass es überhaupt die Möglichkeit gibt, sich bei Problemen hier zu melden!

SunnyMarx · 17.02.2010, 22:28

AJAX ist keine Sprache wie PHP und JavaScript, sondern eine Technik, die aus den Sprachen JavaScript und XHTML hervorging. Mit der Ajax-Technologie kannst Du DIV's erstellen oder Inhalte ändern.

Bei deinem Problem ist es allerdings, dass Du ein DIV unverändert haben möchtest, während der Rest der Seite neu geladen werden müsste. Von daher wird der programmiertechnische Aufwand extrem, da Du mit jedem Link eine ganze Reihe an Scripten abarbeiten müsstest, um den Seiteninhalt neu zu laden, bzw. neu zu generieren, aber halt dieses eine DIV nicht.

Eine wirklich sinnvolle Lösung fällt mir bzgl. deinem Problem so ohne weiteres nicht ein. Aber vielleicht hat jemand anders eine Idee.

tkausl · 17.02.2010, 22:31

von allen gehasst aber in deinem fall warscheinlich die einfachste lösung:
Frames

SunnyMarx · 17.02.2010, 23:15

Wobei ich garnicht verstehe, warum Frames so verhasst sind. Bei meinem Projekt käme ich ohne sie garnicht aus.

tkausl · 17.02.2010, 23:17

Frames sind halt nicht die "Feine" Art.

Flor1an · 17.02.2010, 23:27

Sicher? Ich denke dein Projekt würde sich auch ohne Frames machen lassen. Sie sind einfach nicht mehr nötig. Vor allem find ich sie einfach hässlich

SunnyMarx · 17.02.2010, 23:55

Zitat:

Sie sind einfach nicht mehr nötig. Vor allem find ich sie einfach hässlich.

Das ist deine persönliche Meinung, aber keine Begründung, warum man auf sie verzichten sollte.

Zitat:

Frames sind nicht die "Feine" Art

Was ist denn so verkehrt an Frames? Wenn ich ohne FrameSet arbeite, und mit DIV's und IFrames arbeite, habe ich im IE einen Scrollbalken an der Seite, der nie mehr als 100% anzeigen wird. Das finde ich optisch auch nicht schöner.

Von daher, was ist an Frames nun wirklich so schlecht? Und der Einwand von Wegen Suchmaschinen gilt hier jetzt nicht. Mein Projekt ist zwar derzeit auch ohne Login mit Frames ausgestattet, das wird sich aber ändern, sobald der Online-Bereich fertig gestellt ist. Dann dürfen auch Suchmaschinen die Offline-Inhalte durchforsten und fleissig in ihre Datenbanken schaufeln.

Aber im Online-Bereich hat eh kein Bot was zu suchen. Da kommts nur auf die Aufteilung an.

nikosch · 18.02.2010, 00:00

Nicht schon wieder die Framediskussion. Keine Bookmarks, Session-Handling wird zur Qual, ID-Steuerung über URLs sind nervig zu verteilen und so ziemlich alle Framefeatures kann man auch mit overflow:scroll erreichen.

Arne Drews · 18.02.2010, 07:37

Zum ursprünglichen Problem:
Wie bereits erwähnt, findet die Ajax-Technologie dort Anwendung, wo man Inhalte dynamisch in die Seite laden möchte.
Ob Du dabei andere ersetzt und/oder diese einfach hinzufügst, entscheidest Du.

Gedanklich wäre es ne Möglichkeit, die Inhalte per Ajax abzurufen und per JavaScript das DOM zu bearbeiten.
Sinnvoll finde ich das zwar nicht unbedingt, aber ist eine Möglichkeit, die Du hättest.

Die Alternative: S****ß auf das kurze Blinken und mach'n Reload!
Is die einfachste Variante in dem Fall und durch den Browser-Cache und DSL wird das bei den meisten evtl. gar nicht auffallen.

MatthiasG. · 19.02.2010, 19:13

Hallo allerseits!

Ich hatte mir eigentlich keine Antwort mehr erhofft.

Um so überraschter bin ich gerade

Also: Frames gehören nicht mehr ins Web 2.0 (meiner Meinung nach). Brauche ich etwas mit einer bestimmten Höhe, benutze ich max-height: x, das funktioniert mit fast allen Elementen. Zu meinem Problem hatte ich bereits eine Lösung gefunden: JavaScript. jQuery machts möglich.

Hat jemand JavaScript deaktiviert, wird die Seite neu geladen, und er muss das Geblinke ertragen. Gute Lösung meiner Meinung nach

Grüße aus dem Pott,
Matthias

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Datei via Ajax in zwei Boxen laden	Lenni.B	JavaScript, Ajax und mehr	4	25.02.2009 11:28
Variable neu laden	deHans	PHP Tipps 2008	23	01.12.2008 13:30
Auswahl und späteres Laden von Seiten durch Radiobuttons	luckynuts	PHP Tipps 2008	4	22.07.2008 19:16
Welche Elemente B sind ähnlich dem Element A	Anwender27	Scriptbörse	7	01.05.2008 11:45
2. Bild laden ohne die seite neu zu laden	andrew22	HTML, Usability und Barrierefreiheit	3	21.10.2006 23:37
Array Element vor und nach dem aktuellen Element ausgeben	NetLook	PHP Tipps 2006	2	09.05.2006 15:29
[JS/CSS] Element erst onclick sichtbar machn script.aculo.us	StatischeEntladung	HTML, Usability und Barrierefreiheit	1	06.04.2006 18:32
[Erledigt] Element mit Zeitschalter		HTML, Usability und Barrierefreiheit	1	04.10.2005 11:44
[Erledigt] div-Element nicht neu laden!	phpbeginner	HTML, Usability und Barrierefreiheit	6	18.08.2005 16:03
Je nach Auswahl eine Tabelle aus einer Datenbank laden		PHP Tipps 2005-2	0	05.08.2005 14:14
phpMyAdmin: Benutzertabellen neu laden -> Datenbanken weg		PHP Tipps 2005-2	2	22.07.2005 08:52
Systemfont laden um im Image zu schreiben	HStev	PHP Tipps 2005-2	2	11.07.2005 19:13
Bestimmte Dateien am Anfang der Seite laden		HTML, Usability und Barrierefreiheit	8	10.07.2005 22:30
[Erledigt] Bild neu laden.		HTML, Usability und Barrierefreiheit	1	08.02.2005 21:59
*.txt beim laden einer php leeren?		PHP Tipps 2004	4	03.07.2004 22:40

01.04.2009, 16:52
MatthiasG. Neuer Benutzer Registriert seit: 01.04.2009 Beiträge: 4	[Erledigt] div-Element nicht neu laden! Hallo allerseits! Ich arbeite schon länger mit PHP und bin jetzt dazu gekommen mit Joomla zu arbeiten. Dazu erstelle ich mir mein eigenes Template. Jetzt habe ich folgendes Problem: Im Banner-Bereich befindet sich eine animierte gif-Grafik. Doch beim Klicken auf irgendeinen Link wird der div-Tag ja (logischerweise) neu geladen. Dies möchte ich nun unterbinden, da es sonst nur ein "rumgeblinke" gibt. Wie ist sowas möglich? Ich habe gelesen/gehört, dass so etwas nur mit AJAX möglich ist, aber ich weiß nicht, ob das in Verbindung mit Joomla auch möglich ist. Um etwas Klarheit zu schaffen: Hier ist mein Code der index.php: PHP-Code: <html> <head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/menue.css" type="text/css" /> </head> <body> <div id="head"> <div id="head_banner"><jdoc:include type="modules" name="banner" style="xhtml" /></div> <div id="head_search"><jdoc:include type="modules" name="search" style="xhtml" /></div> <div id="head_menu"><jdoc:include type="modules" name="top_menu" style="xhtml" /></div> </div> <div id="content"> <div id="content_breadcrumbs"><jdoc:include type="modules" name="breadcrumb" style="xhtml" /></div> <div id="content_right"><jdoc:include type="modules" name="right" style="xhtml" /></div> <div id="content_left"><jdoc:include type="modules" name="left" style="xhtml" /></div> <div id="content_main"><jdoc:include type="component" style="xhtml" /></div> </div> <div id="foot"> <div id="foot_cophyright"><jdoc:include type="modules" name="footer" style="xhtml" /></div> </div> </body> </html> Die template.css sieht folgendermaßen aus: Code: html { height: 100%; } body { font-size: 12px; font-family: Helvetica,Arial,sans-serif; padding : 0; margin : 0; } #head { width: 100%; background-image: url(../images/head_bg.png); background-repeat: repeat-x; background-color: #0000ff; } #content { background-color: #ffffff; float: left; width: 100%; } #foot { float: left; width: 100%; } #head_menu { width: 100%; float: left; } #head_search { height: 150px; float: right; } #head_banner { width: 500px; height: 150px; float: left; background-image: url('../images/banner.gif'); } #content_right { margin: 0pt 0pt 1.1em; float: right; width: 12em; } #content_main { margin: 0pt 12em 1em 16em; padding: 0pt 1em; } #content_left { margin: 0pt 0pt 1.2em; float: left; width: 15em; } #foot_cophyright { margin: 0pt 0pt 1.1em; } Ich möchte auch nicht $_GET benutzen, da ich Suchmaschinen-optimierte Links, mod_rewrite und Dateiendungen benutze. $_POST braucht Joomla selbst, da möchte ich nicht stören. Gibt es nicht eine Alternativ-Möglichkeit wie bei Frames ungefähr? Auf jedem Fall schon einmal herzlichen Dank! Und danke, dass es überhaupt die Möglichkeit gibt, sich bei Problemen hier zu melden!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

17.02.2010, 22:28
SunnyMarx Benutzer Registriert seit: 28.01.2010 Beiträge: 38 PHP-Kenntnisse: Fortgeschritten	AJAX löst dein Problem nicht AJAX ist keine Sprache wie PHP und JavaScript, sondern eine Technik, die aus den Sprachen JavaScript und XHTML hervorging. Mit der Ajax-Technologie kannst Du DIV's erstellen oder Inhalte ändern. Bei deinem Problem ist es allerdings, dass Du ein DIV unverändert haben möchtest, während der Rest der Seite neu geladen werden müsste. Von daher wird der programmiertechnische Aufwand extrem, da Du mit jedem Link eine ganze Reihe an Scripten abarbeiten müsstest, um den Seiteninhalt neu zu laden, bzw. neu zu generieren, aber halt dieses eine DIV nicht. Eine wirklich sinnvolle Lösung fällt mir bzgl. deinem Problem so ohne weiteres nicht ein. Aber vielleicht hat jemand anders eine Idee. __________________

17.02.2010, 22:31
tkausl Erfahrener Benutzer Registriert seit: 28.01.2010 Beiträge: 615 PHP-Kenntnisse: Fortgeschritten	von allen gehasst aber in deinem fall warscheinlich die einfachste lösung: Frames

17.02.2010, 23:15
SunnyMarx Benutzer Registriert seit: 28.01.2010 Beiträge: 38 PHP-Kenntnisse: Fortgeschritten	Wobei ich garnicht verstehe, warum Frames so verhasst sind. Bei meinem Projekt käme ich ohne sie garnicht aus. __________________

17.02.2010, 23:17
tkausl Erfahrener Benutzer Registriert seit: 28.01.2010 Beiträge: 615 PHP-Kenntnisse: Fortgeschritten	Frames sind halt nicht die "Feine" Art.

17.02.2010, 23:27
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Sicher? Ich denke dein Projekt würde sich auch ohne Frames machen lassen. Sie sind einfach nicht mehr nötig. Vor allem find ich sie einfach hässlich

18.02.2010, 00:00
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.989 PHP-Kenntnisse: Fortgeschritten	Nicht schon wieder die Framediskussion. Keine Bookmarks, Session-Handling wird zur Qual, ID-Steuerung über URLs sind nervig zu verteilen und so ziemlich alle Framefeatures kann man auch mit overflow:scroll erreichen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

18.02.2010, 07:37
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Zum ursprünglichen Problem: Wie bereits erwähnt, findet die Ajax-Technologie dort Anwendung, wo man Inhalte dynamisch in die Seite laden möchte. Ob Du dabei andere ersetzt und/oder diese einfach hinzufügst, entscheidest Du. Gedanklich wäre es ne Möglichkeit, die Inhalte per Ajax abzurufen und per JavaScript das DOM zu bearbeiten. Sinnvoll finde ich das zwar nicht unbedingt, aber ist eine Möglichkeit, die Du hättest. Die Alternative: S****ß auf das kurze Blinken und mach'n Reload! Is die einfachste Variante in dem Fall und durch den Browser-Cache und DSL wird das bei den meisten evtl. gar nicht auffallen.

19.02.2010, 19:13
MatthiasG. Neuer Benutzer Registriert seit: 01.04.2009 Beiträge: 4	Hallo allerseits! Ich hatte mir eigentlich keine Antwort mehr erhofft. Um so überraschter bin ich gerade Also: Frames gehören nicht mehr ins Web 2.0 (meiner Meinung nach). Brauche ich etwas mit einer bestimmten Höhe, benutze ich max-height: x, das funktioniert mit fast allen Elementen. Zu meinem Problem hatte ich bereits eine Lösung gefunden: JavaScript. jQuery machts möglich. Hat jemand JavaScript deaktiviert, wird die Seite neu geladen, und er muss das Geblinke ertragen. Gute Lösung meiner Meinung nach Grüße aus dem Pott, Matthias