Umbau von Mootools auf jQuery

C

coolveela

Grünschnabel
Hallo,
ein Exfreund hat mir eine Webseite gebaut, mit mootools, und ich würde die Seite nun gerne auf jQuery umbauen, leider fehlt mir die Eingebung, wie ich diesen Codeschnipsel umbauen kann, vielleicht kann hier jemand helfen?

Hier der Code:
Code: 
<script type="text/javascript">
function loadPage(page) {
    var url = page;
    new Ajax(url, {
	     method: 'get',
	     update: $('website'),
	     evalScripts: true,
   }).request();
}
</script>


</head>
<body>

<div id="website"></div>

<?php include "player/famp/player.php"; ?>

<script type=text/javascript>loadPage("home.php?music_mode=1"); </script>
</body>
</html>
Danke für Eure Bemühungen,
Grüße aus Berlin,
coolveela
 
Moin,

Code: 
<script type="text/javascript">
  $(document).ready(function(){
    $("#website").load("home.php?music_mode=1");
  });
</script>
...das sollte reichen.

Gruss zurück aus Berlin :-)
 
Danke, das sieht schon ganz erfolgversprechend aus, aber das Problem ist, daß die Seiten dynamisch geladen werden, deshalb die var url, also nicht immer die home.php, sondern z.B. galerie.php.....
Wie kann ich das mit der Variablen umsetzen?
Vielen Dank im Voraus,
Grüße aus Berlin,
coolveela
 
Ich glaube, das könnte klappen, danke, das probier ich mal,
super!
Grüße aus Neukölln,
coolveela

//edit:

So, hab das ausprobiert:
bekomme die Fehlermeldung :

$("#website") is null
 
Ich habs auch ausprobiert, und bekomme keine Fehlermeldung.

Was du da falsch probiert hast, kann man nicht sagen, ohne den Code der Seite zu sehen.
 
PHP: 
<?php
session_start(); include "template_header.inc"; echo "<head>";  ?>
<?php include "template_head.inc"; ?>
Code: 
<script type="text/javascript">
function loadPage(page){
  $("#website").load(page);
};
</script>
HTML: 
</head>
<body>
<div id="website"></div>
<?php include "player/famp/player.php"; ?>
<script type=text/javascript>loadPage("home.php?music_mode=1"); </script>
</body>
</html>

so sieht das aus, und mein firebug sagt dann:

$("#website") is null
$("#website").load(page);

steht alles so hintereinander in einer Datei, habs der Übersichtlichkeit halber jetzt so gesetzt.
Danke für Deine Hilfe,
Grüße
coolveela
 
PHP-Code sagt da nicht viel aus, entscheidend ist das, was du im Browser als Quelltext geliefert bekommst....ich sehe das bspw. nirgends, dass du jquery eingebunden hast.
 
Oh je, jetzt bin ich auf den doofsten Fehler reingefallen,den e überhaupt gibt...- Klopf an den Kopf....

Funktioniert aber trotzdem nicht...
Der Player erscheint nicht.
Ich kann den Code hier nicht komplett posten, das würde die Seite sprengen, und zu viel über das Projekt verraten, ich danke aber für Deine bisherigen Bemühungen,
das hat mir schon ein wenig weitergeholfen,


Wenigstens den Quellcode der index.php geb ich hier mal preis:
Wenns denn hilft...

Code: 
<!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=iso-8859-1" />
<title>foo</title>

  <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="js/login.js"></script>
  <link rel="stylesheet" href="css/style.css" type="text/css" />
  <link rel="shortcut icon" href="img_layout/favicon.ico" type="image/x-icon" />
  
<!-- Ajax WebsiteLoader -->
<script type="text/javascript">
function loadPage(page)
{
  $("#website").load(page);
};
</script>
</head>
<body>

<div id="website"></div>

<script type="text/javascript" src="player/famp/JavascriptMicroAPI.js"></script>

<script type="text/javascript">
 window.onload = init;
 function init(){
 document.zanmantou1 = new Zanmantou("player1");
 }
</script>

</head>
<body>
<div id="player">
   <div id="famp"></div>
</div>
<!-- END OF PLAYER CONTAINER -->
<script type=text/javascript>loadPage("home.php?music_mode=1"); </script>
</body>
</html>

Ich weiss nicht weiter...


Kann es sein, daß der js-code
Code: 
<script type="text/javascript">
 window.onload = init;
 function init(){
 document.zanmantou1 = new Zanmantou("player1");
 }
</script>
auch auf jquery umgebaut werden muß?
LG coolveela
 
coolveela hat gesagt.:
Kann es sein, daß der js-code
Code: 
<script type="text/javascript">
 window.onload = init;
 function init(){
 document.zanmantou1 = new Zanmantou("player1");
 }
</script>
auch auf jquery umgebaut werden muß?
LG coolveela
Zum Vergrößern anklicken....

Schwer zu Sagen, da ich nicht weiss, was dieser Code machen soll.
Aber ansich ist da nichts umzubauen, weil der Code normales JS ist, er sollte laufen, sofern es irgendwo eine Funktion Zanmantou() gibt.

Wenn sich dieser Code allerdings eine Wecvhselwirkung mit dem bewirken soll, was load() in der Seite ändert, dann gibt es ein Problem vom Zeitablauf her, denn:

onload feuert, sobald die index.php für sich fertig geladen ist. Dabei wird nicht auf den Abschluss des Requests von load() gewartet...es ist also dem Zufall überlassen, ob zu dem Zeitpunkt, wo die Funktion init() aufgerufen wird, der Inhalt von home.php?music_mode=1 schon geladen wurde.

Auf jeden Fall schwer auszumachen, ohne es Live zu sehen...du kannst mir gerne per PM die Adresse mitteilen, dann schaue ich mal direkt dort rein(ich verrate auch nix, versprochen :-) )
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück