div-Klasse, die php-Datei inkludiert, automatisch neu laden

floffimedia

Hallo liebe JavaScript-Experten unter euch,

ich hätte da so ein Problem, das mich die letzten Wochen beschäftigt hat, und das lautet folgendermaßen:

Mein Blog besitzt seit einiger Zeit ein input-Feld, in das die User 100 Zeichen schreiben können. Wir haben es clagg-Feld genannt.
Der eingegebene Satz wird ganz einfach in einer txt-Datei gespeichert, die immer die letzte Zeile ausgibt. Jeder Besucher kann rumschreiben wie er möchte, was bedeutet, dass man jedesmal die komplette Seite refreshen muss, um zu sehen, ob sich was geändert hat.

Deshalb dachte ich mir: Bastele ein bisschen herum, damit sich die div-Klasse mit dem clagg-Feld automatisch nach 30s oder so neu lädt.
Leider habe ich von JavaScript und Ajax ziemlich wenig Ahnung, aber einige Versuche mit Codebeispielen aus diversen Foren haben schon fast das Ziel erreicht.

Gestern hätte ich es dann fast geschafft. In die header.php kam das entsprechende script, das über getElementById nach 30s das clagg-div (in dem mit php include eine externe php-Datei eingebunden wird) ebendasselbe div mit ebenderselben php-Datei erneut füllen soll.

Allerdings bekam ich nach 30s immer eine Fehlermeldung, weil die php-Datei nach dem refresh über JavaScript offenbar nicht mehr vom Server ausgeführt wurde.

Habt ihr das bis hierher einigermaßen verstanden? Ich weiß, das ist alles sehr kompliziert :-D

Meine Fragen sind nun:

Wird die externe php-Datei nach dem Refresh wirklich nicht mehr vom Server ausgeführt und sorgt dann für den Error?
Kann man das Problem lösen?
Gibt es andere Möglichkeiten, zu bewirken, dass sich die div-Klasse mit der externen php-Datei nach 30s refresht?

Schon mal im Voraus vielen Dank :-D

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Morris

Da Wordpress jQuery mitbringt, könntest du der Einfachheit halber ganz simpel auf die Ajaxfunktionalität von eben diesem zurückgreifen.

API/1.3/Ajax - jQuery JavaScript Library

Gruß
Mo

floffimedia

Vielen Dank, ich komme mir jetzt zwar vor wie der Vollnoob, aber: Welche Funktion brauche ich da? Wie muss man sowas in php einbauen, im Bezug auf die div?

floffimedia

[FONT=Arial]Ich habe jetzt mal ziemlich viel gegoogelt und mir folgenden code zusammengeschrieben:[/FONT]

PHP

<?php wp_enqueue_script('jquery');?>
	<script type="text/javascript">
	jQuery(document).ready(function(){ 
    	jQuery("a.refresh").click(function(){
        jQuery.get("/clagg/clagg-display.php");
    	});  
	});        
	</script>


	<?php wp_head(); ?>
	</head>
	<body>

Alles anzeigen

[FONT=Arial]Weiter unten in der header.php wird dann die php-Datei inkludiert:

[/FONT]

PHP

<?php include (TEMPLATEPATH . '/clagg/clagg-display.php'); ?>

[FONT=Arial]In[/FONT][FONT=Arial] ihr befindet sich folgender Link:
[/FONT]

PHP

<a href="#" class="refresh">Auffrischen</a>

Bestimmt sagt ihr jetzt: Das kann doch gar nicht funktionieren, weil...
Sagt mir bitte auch warum :-D

marX

Das kann doch gar nicht funktionieren, weil...

Code

<script type="text/javascript">
    jQuery(document).ready(function(){ 
        jQuery("a.refresh").click(function(){
        jQuery.get("[COLOR="Red"]/clagg/clagg-display.php[/COLOR]");
        });  
    });        
    </script>

PHP

<?php include ([COLOR="#ff0000"]TEMPLATEPATH . '/clagg/clagg-display.php'[/COLOR]); ?>

... die URLs nicht gleich sind. ;-)

floffimedia

Verstehe ich nicht. In dem jQuery-Befehl kann ich doch keine php-Befehle anwenden, wenn ich den Pfad dann relativ angebe, bezieht er sich doch auch auf den Templatepfad, oder?

marX

Wenn sich die PHP-Datei im Themeverzeichnis befindet, dann so:

PHP

jQuery.get("<?php bloginfo('template_url') ?>/clagg/clagg-display.php");

Arno Simon

Zitat von marX
Wenn sich die PHP-Datei im Themeverzeichnis befindet, dann so:
PHP
jQuery.get(<?php bloginfo('template_url') ?>"/clagg/clagg-display.php");

nicht doch eher so?!?

PHP

jQuery.get("<?php bloginfo('template_url') ?>/clagg/clagg-display.php");

;O)

marX

Mmmh....? :roll:

Arno Simon

Zitat von marX

Mmmh....? :roll:

na, dann hau mal die 3 letzten posts in die tonne ;)

floffimedia

Ihr habt natürlich beide Recht, marX hat sich nur ein bisschen vertippt :mrgreen:

Ich schätze mal, ich brauche eine load-Funktion.
Sieht bei mir bislang so aus:

PHP

<script type="text/javascript">
           jQuery(document).ready(function(){ 
        jQuery("a.refresh").click(function(){
        jQuery("#claggbox").load("<?php bloginfo ('template_url') ?>/clagg/clagg-display.php");
        });  
    });        
    </script>

Die Funktion soll also nach wie vor über den Link mit der Klasse "refresh" initiiert werden und dann die div-ID namens "claggbox" mit der entsprechenden Datei füllen.
Klingt eigentlich ganz gut, klappt aber immer noch nicht :-D

marX

Ach quatsch, kommt vor... :oops: Außerdem muss ich ja jottlieb noch schnappen, da kann ich doch nicht meine Posts löschen... :mrgreen:

floffi: Pssssst!!! :D

Nimm mal statt der Klasse eine ID, bei einer Klasse bekommst du glaube ich eine Collection zurück über die du erst iterieren musst (auch wenn sie nur 1 Element enthält). Ich bin mir aber nicht 100% sicher und hab grad kein jQuery zum testen da (das kann ich nach der Arbeit einfach nicht mehr sehen.... ;-))

floffimedia

Das wird ein lustiger Thread :mrgreen:
Eigentlich habe ich mich nämlich auch falsch ausgedrückt, ich verwende schon eine div-ID, wie es in dem Beispiel auch vorgemacht wird:

PHP

<div id="claggbox"><?php include (TEMPLATEPATH . '/clagg/clagg-display.php'); ?></div>

Daran liegt es aber leider nicht :?

marX

Ach ein bisschen Spaß am frühen Abend ist doch ganz nett... ;-)

Das meinte ich auch nicht, sondern den Link:

Code

<a href="#" [COLOR="Red"]class[/COLOR]="refresh">Auffrischen</a>

Code

jQuery("a[COLOR="Red"].[/COLOR]refresh").click(function(){

floffimedia

Es geht doch nichts über einen kleinen Scherz :mrgreen:
Hm, jetzt hab ich begriffen, was du meinst, aber daran liegt es offensichtlich auch nicht. Schade :-|

marX

Wenn ich die Datei direkt aufrufe:
http://floffimedia.de/wp-content/the…agg-display.php
kriege ich ne Menge Fehlermeldungen. Wie sieht der Quellcode der Datei aus?

floffimedia

PHP

<?php
    include(TEMPLATEPATH . '/clagg/clagg-filter.php');
    
    if (isset($_POST['clagg_text']))
    {
    $clagg_raw = $_POST['clagg_text'];
    $clagg_clean = clagg_filter($clagg_raw);
    if (!$clagg_clean==''||!substr_count($clagg_clean, '  ')>=1)
    {
    $fp = fopen(TEMPLATEPATH . '/clagg/claggs.txt','a');
    fputs($fp, chr(13). chr(10) . $clagg_clean);
    fclose($fp);
    }
    }
?>


<form action="" method="post" style="<?php include('clagg-style.php'); ?>">
    <input type="text" name="clagg_text" style="<?php include('clagg-style.php'); ?>" size="105" maxlength="100" id="clagg_text" value="<?php 
    $file = TEMPLATEPATH . '/clagg/claggs.txt';
    $claggs_array = file($file);
    $claggs_reversed = array_reverse($claggs_array);
    echo $claggs_reversed[0]; ?>" />
    <span class="clagg_meta" style="font-size: 0.8em; font-family: Georgia, serif; line-height: 1em; color: #000">Ge&auml;ndert um <?php $time = strftime('%H:%M', filemtime(TEMPLATEPATH . '/clagg/claggs.txt')); echo $time; ?> | <a href="#" id="refresh">Auffrischen</a></span>
</form>

Alles anzeigen

marX

Die Konstante TEMPLATEPATH ist außerhalb einer WP-Umgebung nicht gesetzt - und du bist bei dem Aufruf der Datei per Ajax und GET ja außerhalb einer WP-Umgebung. ;-) Du könntest den Pfad statisch angeben, falls das Script nur für dich ist, oder mit PHPs magischen Konstanten (ich denke da z.B. an __FILE__) arbeiten. (Für dein Vorhaben sollte die Datei natürlich auch nur das HTML-Fragment zurückliefern, was du in das <div> nachladen möchtest, aber das scheint auf den 1. Blick ja der Fall zu sein.)

floffimedia

Ups...
Ich habe glaube ich ein paar Links falsch angegeben:

PHP

<?php
    include ([COLOR=Red]'http://floffimedia.de/wp-content/themes/greyscale/clagg/clagg-filter.php'[/COLOR]);
    
    if (isset($_POST['clagg_text']))
    {
    $clagg_raw = $_POST['clagg_text'];
    $clagg_clean = clagg_filter($clagg_raw);
    if (!$clagg_clean==''||!substr_count($clagg_clean, '  ')>=1)
    {
    $fp = fopen([COLOR=Red]'http://floffimedia.de/wp-content/themes/greyscale/clagg/claggs.txt'[/COLOR],'a');
    fputs($fp, chr(13). chr(10) . $clagg_clean);
    fclose($fp);
    }
    }
?>


<form action="" method="post" style="<?php include([COLOR=Red]'http://floffimedia.de/wp-content/themes/greyscale/clagg/clagg-style.php'[/COLOR]); ?>">
    <input type="text" name="clagg_text" style="<?php include([COLOR=Red]'http://floffimedia.de/wp-content/themes/greyscale/clagg/clagg-style.php'[/COLOR]); ?>" size="105" maxlength="100" id="clagg_text" value="<?php 
    $file = [COLOR=Red]'http://floffimedia.de/wp-content/themes/greyscale/clagg/claggs.txt'[/COLOR];
    $claggs_array =file($file);
    $claggs_reversed = array_reverse($claggs_array);
    echo $claggs_reversed[0]; ?>" />
    <span class="clagg_meta" style="font-size: 0.8em; font-family: Georgia, serif; line-height: 1em; color: #000">Ge&auml;ndert um <?php $time = strftime('%H:%M', filemtime([COLOR=Red]'http://floffimedia.de/wp-content/themes/greyscale/clagg/claggs.txt'[/COLOR])); echo $time; ?> | <a href="#" id="refresh">Auffrischen</a></span>
</form>

Alles anzeigen

Mannomann, was für eine Schmach :oops:
Jetzt schaffe ich es schon nicht einmal mehr, Dateipfade richtig anzugeben.

Arno Simon

mach doch einfach mal feierabend und geh schlafen ;) eine nacht das hirn ausruhen, hilft mir auch öfter ;O)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

div-Klasse, die php-Datei inkludiert, automatisch neu laden

Jetzt mitmachen!

Benutzer online in diesem Thema