AJAX Script funktioniert nicht

Wipeout

Erfahrenes Mitglied
Hallo community,

habe im Netz rumgesucht und ein script gefunden wo man einen Div laden kann ohne reload der kompletten Seite, habe mir gedacht ok bauste in deine Webseite ein.
Das habe ich nun auch versucht nur irgendwie klappt das nicht, kann sich das mal einer anschauen wo ich einen fehler eingebaut habe ?
Finde nämlich keinen ;)

PHP:
<?php
ob_start('ob_documentTitle');
function ob_documentTitle( $buffer )
{
    global $title;
    $buffer = str_replace('<title></title>', '<title>--< www.wipiweb.de >-- :: '.htmlspecialchars($title).' ::</title>', $buffer);
    return $buffer;
}
ini_set( 'arg_separator.output' , '&amp;' );
ini_set( 'url_rewriter.tags' , ' a=href,area=href,frame=src,input=src,fieldset=' );
include("config/config.php");
include("php/counter.php");
include("FCKeditor/fckeditor.php");
include("config/funktionen.php");
$rtimestart = microtime();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
     <title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
		<META http-equiv="Content-Style-Type" content="text/css">
		<meta http-equiv="Content-Script-Type" content="text/javascript">
		<meta name="description" content="-<www.wipiweb.de>- Die etwas andere Seite">
		<meta name="keywords" content="Ingo,Lügger,Ingo Lügger,Downloads,Tips,PHP,CSS,CMS,Content Managment System">
		<meta name="robots" content="index, follow">
		<meta name="publisher" Content="www.wipiweb.de">
		<meta name="copyright" Content="www.wipiweb.de">
		<meta name="Content-Language" Content="de">
		<meta name="page-topic" Content="CMS">
        <LINK REL="SHORTCUT ICON" HREF="favicon.ico">
        <link href="config/wipi.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="config/jscripte.js"></script>
        <script type="text/javascript" src="config/prototype.js"></script>
        <script type="text/javascript" src="config/scriptaculous.js?load=effects"></script>
        <script type="text/javascript" src="config/lightbox.js"></script>
		<style type="text/css">
			@import url("http://www.verwandt.de/karten/css/wp_mappreview.css");
		</style>
		<script type="text/javascript" src="niftycube.js"></script>
<script src="jquery.min.js" type="text/javascript"></script>
 <script>
  // When the document loads do everything inside here ...
     $(document).ready(function(){
	 Nifty("#menu a","small top transparent");
	 Nifty("#outcontent","medium bottom transparent");
	 $('.content').load('boo.php');	//by default initally load text from boo.php
         $('a').click(function() { //start function when any link is clicked
		 				$(".content").slideUp("slow");
						 var content_show = $(this).attr("title"); //retrieve title of link so we can compare with php file
							$.ajax({
							method: "get",url: "boo.php",data: "seite="+content_show,
							beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
							complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
							success: function(html){ //so, if data is retrieved, store it in html
							$(".content").show("slow"); //animation
							$(".content").html(html); //show the html inside .content div
					 }
				 }); //close $.ajax(
         }); //close click(
	 }); //close $(
</script>
<style type="text/css">
.content { 
background-color:#0078d9; height:100%; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align:left; }

#loading { clear:both; background:url(wait.gif) center top no-repeat; text-align:center;padding:33px 0px 0px 0px; font-size:12px;display:none; font-family:Verdana, Arial, Helvetica, sans-serif; }

#outcontent {clear:both; background-color:#000000; }
</style>
  </head>
<body>
<div id="pagewidth" >
<!-- Oben das Logo --> 
<div id="header" ><a href="index.php"><img src="pics/logo.gif" width="720" height="125" alt="Wipiweb Logo" title="-= www.wipiweb.de - Die etwas andere Seite =-"></a></div>
 <div id="wrapper" class="clearfix" >
<div id="counter">Es sind <? echo $counteronline?> User online</div>
  <!-- Der Hauptteil der Seite wo alle Scripte gestartet werden -->
	<div id="outcontent">
	<div id="loading">LOADING</div>  
	<div class="content"></div>
	</div>
<!-- Links das Menü -->
			<div id="leftcol" >
				<?php include("html/menu.html"); ?>
        <br>
<!-- Suchformular -->
        <?php
        if ( $suchen=="ja") 
        {
            echo"<A HREF=\"http://search.freefind.com/find.html?id=" .$such_id. "\">Durchsuche diese Seite</a><br>";
		    }
		      else 
		      { 
		      	echo"<br>"; 
		      }
		     ?>
		        <br>
		        <a href="javascript:bookmarksite('www.wipiweb.de', 'http://www.wipiweb.de')">Bookmarke diese Seite!</a><p>
			<?php
			$server = serverstatus('semperatus.de', 1, 'TeamSpeak Server');
			echo "TeamSpeak Server ist : " .$server. "";
			?>
</div>
</div>
<!-- Unten wo das Banner steht -->
	<div id="footer">
		<a href="http://spielwelt6.knightfight.de/?ac=vid&amp;vid=121052891"><img src="http://spielwelt6.knightfight.de/img/lang/DE/knightfight468.gif" alt="KnightFight"></a><br>Die Seite wurde in <? echo zeitmesser($rtimestart); ?> sek geladen
		<p><a href="http://www.validome.org/referer"><img style="border:none" src="http://www.validome.org/images/set3/valid_html_4_0_1.gif" alt="Valid HTML 4.01" width="80" height="15"></a></p>
		<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401-blue" alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
           <a href="http://jigsaw.w3.org/css-validator/"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS ist valide!"></a></p>

	</div>
</div>
</body>
</html>

Ich danke euch schonmal ;)
 
Salute,

ich denke, es wäre sichtlich Praktisch, wenn Du noch ein bisschen präziser
angibst, was genau nicht klappt :p

Weil das ganze Skript zu kopieren, starten etc. etc. habe ich(und vllt auch andere) nicht gerade.

Grüße,
MArc
 
Hi,

Gibt's Meldungen in der Fehlerkonsole?
Poste, wenn, den Code, der im Browser ankommt, nicht den, der ihn generiert. Besser wäre ein Link auf die Seite.

LG
 
Moin,

du wählst ja das Element anhand des Klassennamens.
Code:
 $('.content').load()
Dies liefert einen Array zurück, woher soll jquery jedoch wissen, welches der Array-Elemente gemeint ist?

Verpasse dem <div> noch eine ID und selektiere das <div> anhand derer, dann sollte es auch angezeigt werden.
 
OK, am Klassennamen liegt es nicht :suspekt:

Es liegt an Prototype, das scheint sich mit JQuery zu beissen...in dem 2. Beispiel hast du prototype.js nicht eingebunden.

Die "Utility"-Methoden tragen ja bei beiden identische Namen.
Prototype springt auf $('.content') an, kann mit dem Selector .content jedoch nichts anfangen, und selbst wenn, würde es die Methode load() nicht kennen, denn die gibts in JQuery :)
 
Hmpf, daran lag es.
Nur dann kann ich meine Bildergalerie nicht mehr benutzen *mecker*
Muss ich das halt draussen lassen :(
Dank Dir für deine Mühe.
 
Zurück