Ich arbeite an einem größeren Projekt für ein Webinterface.
Das Designerteam hat das Grundgerüst gebaut und dabei dynamische Elemente per mootols eingebunden, darunter auch einen Content-Loader der je nach Menüpunkt entsprechenden Inhalt einbindet.
Jetzt bin ich dran die ganze Sache zu vervollständigen und per CGI und jQuery(mootools bietet leider nicht die benötigten Methoden) der Sache Funktion zu verleihen.
Nun bin ich auf folgendes Problem gestoßen: Die per CGI generierten Inhalte sollen per jQuery angesprochen werden. Jedoch will dies nicht sorecht funktionieren. Wenn ich jQuery und die JS-File in der index.html einbinde, sind ja die dynamisch geladenen Elemente noch nicht verfügbar. Wenn ich die beiden Files direkt in der CGI Datei ausgebe, klappt das nur, wenn ich die CGI-Datei direkt aufrufe. Die jQuery Funktionen funktionieren also und ich habe vorsichtshalber jQuery.noconflict() benutzt.
Ich glaube, dass es vom Prinzip her nicht stimmt, denn die <script> Inhalte werden per Ajax garnicht erst geladen...
Die Ajax Funktion ist folgende:
Und sie wird in HTML wie folgt aufgerufen:
Bin für jede Hilfe dankbar
Das Designerteam hat das Grundgerüst gebaut und dabei dynamische Elemente per mootols eingebunden, darunter auch einen Content-Loader der je nach Menüpunkt entsprechenden Inhalt einbindet.
Jetzt bin ich dran die ganze Sache zu vervollständigen und per CGI und jQuery(mootools bietet leider nicht die benötigten Methoden) der Sache Funktion zu verleihen.
Nun bin ich auf folgendes Problem gestoßen: Die per CGI generierten Inhalte sollen per jQuery angesprochen werden. Jedoch will dies nicht sorecht funktionieren. Wenn ich jQuery und die JS-File in der index.html einbinde, sind ja die dynamisch geladenen Elemente noch nicht verfügbar. Wenn ich die beiden Files direkt in der CGI Datei ausgebe, klappt das nur, wenn ich die CGI-Datei direkt aufrufe. Die jQuery Funktionen funktionieren also und ich habe vorsichtshalber jQuery.noconflict() benutzt.
Ich glaube, dass es vom Prinzip her nicht stimmt, denn die <script> Inhalte werden per Ajax garnicht erst geladen...
Die Ajax Funktion ist folgende:
PHP:
function contentLoader(url, el){
if (el) {
$('navigation').getElements('li').removeClass('active');
$(el.parentNode).addClass('active');
}
var req = new Request.HTML({
url: url,
onSuccess: function(html){
//Clear the text currently inside the results div.
$('bodycontent').set('text', '');
//Inject the new DOM elements into the results div.
$('bodycontent').adopt(html);
},
//Our request will most likely succeed, but just in case, we'll add an
//onFailure method which will let the user know what happened.
onFailure: function(){
$('bodycontent').set('html', '<div class="block">Current subpage could not be loaded.</div>');
}
});
req.send();
}
HTML:
<a onclick="javascript:contentLoader('includes/ip.cgi',this);">Ethernet</a>
Bin für jede Hilfe dankbar