[TuT] Ajax Live Refresh Content

01/22/2011 18:13 .Sh4rk#1
Hallo ihr Lieben,
da ich wider mit meinem Richtigen Account back bin!
(War gehackt)
Werde ich euch etwas Zeigen, ihr kennt sicher alle Imetin und NewWorld etc...
sie haben auch so eine Ajax/Jquery Reload Funktion in der HP drin das seht ihr zb wen die Anzahl der Online User auf einmal Reloadet!

Nun hab ich mir gedacht da ich öfters mal Fragen gelesen hab wie man so was machen kann, das ich euch eine einfache Version Zeigen werde.

So Fangen wir mal an:
Das erste was ihr braucht ist der Jquery Tag im Header:

HTML Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
wen ihr das in eurer Index.php unter <Header> Packt reicht das schon aus!

jetzt kommen wir zum Ausführenden Code:
Erstellt euch eine php/html egal mit welchem Namen!
und packt Dort Folgendes rein:

PHP Code:
 <script
var 
auto_refresh setInterval(
function()
{
$(
'#loaddiv').fadeOut('slow').load('zu_reloaden.php').fadeIn("slow");
}, 
20000);
</script>

<div id="loaddiv"> 
</div> 
so in diesem Code steht zu_reloaden.php dort packt ihr den Pfad der User Online.php rein oder sonstiges!

Und jetzt könnt ihr die php/html die wir eben erstellt haben dort includen wo ihr sie haben wollt.
sie wird alle 2000ms Reloadet dies kann man aber auch ändern.
sucht in der Datei einfach nach 2000 und ändert es ab.


So ich hoffe das hat jetzt einigen etwas geholfen ^^

Bei Problemen einfach hier Posten

Edit:
Ich möchte euch hier noch einen Tip geben,
der Javascript Code oben ist so eingestellt, das er auf den Div Tag:
Code:
<div id="loaddiv"> 
</div>
Reagiert, das heißt ihr könnt oben den Javascript code irgendwo in den header/Body Platzieren und wen ihr die PHP irgend wo ausgeben wollt Platziert an der stellen den Div und er wird euch genau die PHP/HTML ausgeben die ihr in dem javascript Platziert habt, seid euch aber gewiss das dieser Code nur für eine Datei geschrieben ist!
Man kann ihn mehrmals benutzen muss aber dann im Javascript Code den Div tag umbenennen.
Es ist eine unschöne Lösung und kann zu Server Load führen aber, ich werde die Tage vllt noch eine bessere schönere Methode Posten.


€: ich hatte vor langer zeit mal Langeweile und wollte mal schauen was es so für Möglichkeiten gibt Rechtsklick auf der HP zu Sperren, dabei ist das hier raus gekommen:

PHP Code:
<script type='text/javascript'
<!-- 
// Hier eingeben was stehen soll, wenn man rechts klickt 
var alertMessage "Vielen Dank für deinen Rechtsklick!"
// Hier den Text eingeben, der erscheinen soll, wenn bereits rechts geklickt wurde 
var permanentMessage "Du hast schonmal RECHTS geklickt!"
// Farbe der permanenten Nachricht 
var permanentColor "#FF0000"
// Größe der permanenten Nachricht 
var permanentSize "32"


// ab hier nichts mehr ändern 
document.write('<span id="myspan" style="color: '+permanentColor+'; font-size: '+permanentSize+'px; text-align: center;"></span>'); 
function 
rechtsklick(e) { 
    if ((
&& (e.which == || e.which == 2)) || (window.event.button == || window.event.button == 3)) { 
        
alert(alertMessage);  
        
document.getElementById('myspan').innerHTML=(permanentMessage); 
    } 
    return 
true

document.oncontextmenu = function () { return false; } 
//--> 
</script> 
Ich hab da noch ein paar Stellen aus kommentiert damit ihr das meiste davon Versteht, ihr könnt es aus verschiedene arten in eure gewünschte Seite auf der rechts klick Geblockt werden soll rein tun:
Packt den Code von Oben in eine php namens rechts_block.php
Erste Methode:
PHP Code:
<php?
include 
'rechts_block.php';
?> 
Vergewissert euch das ihr nicht schon Anfang irgend wo <php? stehen habt solltet ihr schon <php? stehen haben dann fügt das:
PHP Code:
include 'block_rechts.php'
einfach genau eine Zeile unter <php? ein oder vor dem letzten ?>

Ich bin mir jetzt nicht sicher ob es auch per require_once geht, aber ihr könnt es ja Testen, Meiner Meinung nach ist das die schöner Art:

PHP Code:
<php?
require_once 
'block_rechts.php';
?> 
Das selbe gilt auch hier wieder solltet ihr schon <php? drin haben so fügt es am besten so ein, falls nicht macht den kompletten code rein.

Nun die Einfachste Methode :D
Ihr nehmt euch den ersten Code und packt ihn ihn euren Body Tag auf der Seite wo ihr rechts klick geblockt haben wollt.

Falls ihr euch jetzt Fragt was oder wo ist der Body Tag dann sucht einfach mal in eurer PHP/HTML nach <body> und fügt genau darunter den Code ein.



LG
Sh4rk
01/22/2011 18:15 #SoNiice#2
Was hat das mit metin2 zutun?
01/22/2011 18:17 .Sh4rk#3
Quote:
Originally Posted by SoNiice' View Post
Was hat das mit metin2 zutun?
Sag ich dir:
Ich habe schon öfters in der MT2 Sektion gesehen das danach gefragt worden ist, und jetzt hab ich es hier Gepostet.
01/22/2011 18:19 .Resistance#4
hat lolkid schon mal pub gemacht: [Only registered and activated users can see links. Click Here To Register...]
01/22/2011 18:20 metinbob09#5
finde ich ein sehr gute idee hast mein thx
01/22/2011 18:21 .Sh4rk#6
Quote:
Originally Posted by poll7979 View Post
hat lolkid schon mal pub gemacht: [Only registered and activated users can see links. Click Here To Register...]
Wusste ich nicht, aber wen du dir den Code von ihm und mir an schaust hab ich es anders als er gemacht ^^
01/22/2011 19:10 Scrawler™#7
Quote:
Originally Posted by SoNiice' View Post
Was hat das mit metin2 zutun?
dein release von nw3 archiver gehört auch nicht zu metin sondern kommt in bereich coding usw. :facepalm:
wenn es dir nicht passt kannste reporten und der mod kann es dann entscheiden.

ich finde es gut das du sowas pub machst, auch hp sachen für netin braucht man öfters in dieser section.
01/22/2011 19:16 .Sh4rk#8
Quote:
Originally Posted by Scrawler™ View Post
dein release von nw3 archiver gehört auch nicht zu metin sondern kommt in bereich coding usw. :facepalm:
wenn es dir nicht passt kannste reporten und der mod kann es dann entscheiden.

ich finde es gut das du sowas pub machst, auch hp sachen für netin braucht man öfters in dieser section.
Danke für dein Feedback, ich werde in der nächsten zeit etwas mehr Code Snipes für Homepages Locker machen, da ich selbst dabei bin, meine HP Etwas um zu Coden, und ein Paar Plugin am Coden bin!
01/22/2011 21:35 DeathleyDragon#9
Hi,

nice tut!
Werde ich in meine Homepage einbauen, so wirkt sie viel Dynamischer :D

Grüße
.Exilium
01/22/2011 21:53 .Sh4rk#10
Wen ihr das ganze noch per Load Bild verschönern wollt fügt am Anfang javascripts code das hinzu:

PHP Code:
.append('<img src="dein load  bild Pfad" />'
sollte dann so aus sehen:

PHP Code:
 <script>  
var 
auto_refresh setInterval
function() 

$(
'#loaddiv').append('<img src="dein load  bild Pfad" />.fadeOut('slow').load('zu_reloaden.php').fadeIn("slow"); 
}, 20000); 
</script> 

<div id="loaddiv">  
</div> 
02/02/2011 23:46 Scrawler™#11
#FREE PUSH!!!

we need more^^
zeig was du drauf hast :D