Jquery/Ajax [FRAGE]

Page 1 of 2 1 2
02/07/2011 00:31 Philipppc007#1
Ich wollte mal fragen...


ich habe ne webseite und möchte im content bereich etwas anzeigen lassen
ohne die seite neu laden zu müssen


also

es gibt zum beispiel


*index.php
*login.php
*logout.php
*buy.php
*example.php


und ich möchte DAS SO MACHEN DAS EINFACH NUR DER CONTENT BEREICH GEÄNDERT WIRD ABER DIE KOMPLETTE SEITE NICHT

also ich brauche:

das der content bereich
sich aktualisiert
und der rest nicht
also dass wenn man auf login drückt ( im menü) dann das im content erscheint : LOGIN BEREICH

ich habe gehört das man das mit jquery machen kann

also ich brauche:


vllt kann jemand hier eine vorlage/beispiel posten




VIELEN DANK IM VORRAUS! :D :p
02/07/2011 00:35 .Marcel'#2
Der Login muss/sollte immer in einer Session sein.
Am besten du nimmst das hen! script.
02/07/2011 00:41 Philipppc007#3
ne ich möchte keine mt2 seite ich meine allgemein also wo nur der CONTENT bereich reloadet aber der rest der seite nicht also bei hen! da reloadet die komplette seite


und noch was es soll kein iframe sein! xD
02/07/2011 00:42 yym3#4
Welche Metin2 Page nutzt du?

€dit:
Mh doppelpost^^ würd ich schnell wegmachen.
02/07/2011 00:46 Philipppc007#5
SAGEN WIR ´s MAL SO:

ich habe noch kein script

das muss ich noch selber basteln :D

aber ich muss nur das mit dem content bereich wissen
also das nur das sich aktualliesert


(PRAKTISCH SO WIE EIN IFRAME ABER ES SOLL KEINER SEIN :D DESWEGEN MIT JAVA /JQUERY/AJAX ODA SO :P)
02/07/2011 00:48 yym3#6
Eine Möglichkeit wär es mit jQuery... dann so beispielweise^^:
PHP Code:
  $(document).ready(function(){
      $("#IdVonMenüItem").click(function(){
          $("#divIdWoInhaltAuftauchenSoll").load("dateiname.endung");
      });
  }); 
02/07/2011 00:50 Philipppc007#7
:D vllt kann mir morgen( heute später) einer helfen dann poste ich mal den HTML quellcode wo das rein soll...


aber danke schonmal!
02/07/2011 01:05 idefitze#8
ich glaub sowas geht nur mit php.

Aber wenn du ne antwort hast kannst du sie mir auch per priv pn schicken weil ich bin in der negsten zeit abwesend
02/07/2011 01:25 Philipppc007#9
ganz einfach :

SO WIE HIER ( IM MENÜ MAL DRAUF KLICKEN!) ****
will ich es auch haben

sorry für den link ist nur zur demonstration
02/07/2011 01:31 yym3#10
Habe mich mal Schlau gemacht und deine Lösung gefunden...

PHP Code:
  <script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "DateiNameWelchesDieSeitenLädt.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#NAMEVOMDIVWOINHALTIST").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
Habe dir reingeschrieben was du ändern musst ;O.
Du musst dan bei links bsp nicht
<a href="?site=x"></a>
machen sondern
<a href="#x"></a>

und tada er lädt die seite..

Lieben Gruß
02/07/2011 01:40 Philipppc007#11
mhm geht nicht


Ich habe eine index.php und eine register.php er soll in der index die register.php anzeigen also so wie in iframe aber soll keiner sein und dann den normalen text weg machen und den Register Text Dahin schreiben :P

ER LÄDT DAS GANZE WIE EIN GANZ NORMALEN 0815 LINK!

addet mich ma pls in skype ( WER WEIS WIE DAS GEHT)
select77-77



ich habe es so
PHP Code:
 <script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "register.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#NAMEVOMDIVWOINHALTIST").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
02/07/2011 01:47 yym3#12
Quote:
Originally Posted by Philipppc007 View Post
mhm geht nicht

ER LÄDT DAS GANZE WIE EIN GANZ NORMALEN 0815 LINK!

addet mich ma pls in skype ( WER WEIS WIE DAS GEHT)
select77-77



ich habe es so
PHP Code:
 <script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "register.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#NAMEVOMDIVWOINHALTIST").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
Du msust da schon einiges ersetzen :facepalm: habs extra groß auf Deutsch Reingeschrieben was..
02/07/2011 01:48 .Sh4rk#13
Quote:
Originally Posted by idefitze View Post
ich glaub sowas geht nur mit php.

Aber wenn du ne antwort hast kannst du sie mir auch per priv pn schicken weil ich bin in der negsten zeit abwesend
Soweit ich weis ist es mit PHP eben nicht möglich dafür gibt es Javascript/jquery/ajax/prototype

Quote:
Originally Posted by yym3 View Post
Habe mich mal Schlau gemacht und deine Lösung gefunden...

PHP Code:
  <script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "DateiNameWelchesDieSeitenLädt.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#NAMEVOMDIVWOINHALTIST").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
Habe dir reingeschrieben was du ändern musst ;O.
Du musst dan bei links bsp nicht
<a href="?site=x"></a>
machen sondern
<a href="#x"></a>

und tada er lädt die seite..

Lieben Gruß
Nette lösung

Quote:
Originally Posted by Philipppc007 View Post
mhm geht nicht

ER LÄDT DAS GANZE WIE EIN GANZ NORMALEN 0815 LINK!

addet mich ma pls in skype ( WER WEIS WIE DAS GEHT)
select77-77



ich habe es so
PHP Code:
 <script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "register.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#NAMEVOMDIVWOINHALTIST").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
Du musst deine Div´s darin Bestimmen.
Wen du die nicht bestimmst wird es auch nicht Funktionieren
02/07/2011 01:54 Philipppc007#14
so ist es jetzt aber ich weiß nicht wo ich den URL link hin oder rein machen soll


und was bei data hinkommt weis ich auch nicht
data: {DERGETWERTKANNsiteOÄSEIN:

PHP Code:
<script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "register.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#main_news_text").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
  <a href="register.php">Register</a> 
02/07/2011 01:57 yym3#15
Quote:
Originally Posted by Philipppc007 View Post
so ist es jetzt aber ich weiß nicht wo ich den URL link hin oder rein machen soll


und was bei data hinkommt weis ich auch nicht
data: {DERGETWERTKANNsiteOÄSEIN:

PHP Code:
<script type="text/javascript">
    jQuery(function($) {
      
      $("a").click(function() {
      $.ajax({
        url: "register.php",
        data: {DERGETWERTKANNsiteOÄSEIN: $(this).attr("hash").substr(1)},
        type: "GET",
        dataType: "HTML",
        success: function(content) {
          $("div#main_news_text").hide().html(content).fadeIn();
        },
        error: function() {
          alert("Ajax request failed.");
        }
      });
     
        $(location).attr("hash", $(this).attr("hash"));
     
        return false;
      });
    });
  </script> 
  <a href="register.php">Register</a> 
hm ich habe nun gerechnet das du es bsp so machst:

<a href="?x=aa"> </a>
und nicht <a href="register.php">Register</a>...
Dann mal ein anderes script^^ ich poste es gleich...
Page 1 of 2 1 2