JS und php bilderladen

Verino · 10.07.2010, 14:50

Hallo Leute,

ich habe ein Gedanken im Kopf der mich nicht mehr loslässt, gleichzeitig habe ich keine Ahnung wie ich es umsetzen soll.

Gehen wir von eine Community aus, dort gibt es einen User X.

Dieser User hat insgesammt y Bilder in seinem Album.

Nun Stelle ich mir vor, dass ich Ein Bild vergrößert sehe. Über dem Bild sind die Bilder für den Direktaufruf und unter dem Bild die Kommentare.

Soweit kein Problem zu realisieren.

Jetzt möchte ich das ich via JavaScript/Ajax das Hauptbild geändert wird und die dazu gehörigen kommentare. (natürlich nach anklicken eines links).

Die probleme die sich mir stellen sind:

Ich kann via JavaScript keine erneute Db abfrage starten um die kommentare aus der Db auszulesen.

Wie kann ich die Kommentare in die DB schreiben ohne die Seite neu zu laden?

Da jeder User unterschiedlich viele Bilder hat müsste ich ja eigentlich alle in einem Array speichern oder?

lg

PS. Es ist kein Script vorhanden, da ich derzeit nicht davon ausgehe das es klappt wie ich es mir vorstelle. Nachdem ihr mir vlt ein paar tipps geben konntet ob und wie ungefähr es möglich ist setze ich mich dran.

rudygotya · 10.07.2010, 16:02

Wenn du doch die Bilder per ajax laden kannst, dann doch auch die Kommentare. Auch Formulare kannst du per ajax nen Request absenden und Kommentare so speichern.

Zitat:

PS. Es ist kein Script vorhanden, da ich derzeit nicht davon ausgehe das es klappt wie ich es mir vorstelle. Nachdem ihr mir vlt ein paar tipps geben konntet ob und wie ungefähr es möglich ist setze ich mich dran.

Ein Javascript Framework deiner Wahl. prototype, mootools, dojo, jqueryui, extjs, yui...

ChrisB · 10.07.2010, 16:21

Zitat:

Zitat von Verino

Ich kann via JavaScript keine erneute Db abfrage starten um die kommentare aus der Db auszulesen.

Lerne AJAX kennen.

Zitat:

Wie kann ich die Kommentare in die DB schreiben ohne die Seite neu zu laden?

Du kennst inzwischen AJAX.

Zitat:

Da jeder User unterschiedlich viele Bilder hat müsste ich ja eigentlich alle in einem Array speichern oder?

Kommt drauf an, was und wo du jetzt damit meinst.
Serverseitig? Nein, da ist ein Array sicher nicht das geeignete Mittel der Wahl für die dauerhafte Datenhaltung.
Clientseitig? Das kommt darauf an, welche Informationen du wann brauchst. Einen Teil davon wirst du sicher direkt in der HTML-Struktur mit unterbringen können, so dass dein JavaScript sie von dort auslesen kann.

Verino · 10.07.2010, 16:49

Zitat:

Zitat von ChrisB

Kommt drauf an, was und wo du jetzt damit meinst.
Serverseitig? Nein, da ist ein Array sicher nicht das geeignete Mittel der Wahl für die dauerhafte Datenhaltung.
Clientseitig? Das kommt darauf an, welche Informationen du wann brauchst. Einen Teil davon wirst du sicher direkt in der HTML-Struktur mit unterbringen können, so dass dein JavaScript sie von dort auslesen kann.

lese grade ein paar dinge bei Ajax nach und werde es versuchen.

Was ich damit meine bsp:

Helmut hat 9 Bilder
Gudrun 20
erwin 4
...

ich muss doch gespeichert haben:
1: wo ist das bild gespeichert (steht in der DB)
2. welches bild wird grade aufgerufen.
3. kommentare

ich hätte das nun via array gemacht und dann das entsprechende via javascript angezeigt.

ganz Konkrete frage: kann ich mit Ajax eine DB abfrage machen ohne die seite komplett neu zu laden?

ChrisB · 10.07.2010, 17:00

Zitat:

Zitat von Verino

ganz Konkrete frage: kann ich mit Ajax eine DB abfrage machen ohne die seite komplett neu zu laden?

Ganz konkrete Antwort: Du kannst damit einen HTTP-Request machen, der im Hintergrund ausgeführt und verarbeitet wird, ohne die Seite zu wechseln/neu zu laden, ja.

Verino · 10.07.2010, 17:24

Das ist schonmal ein toller ansatz.

Ich weiß nun was ich nach zulesen habe und habe auch die ersten ansätze für eine Lösung.

Ich ziehe mich nun ein paar Tage zum lesen und tüffteln zurück und sollte es nicht klappen habe ich auch paar scripte die ich vorlegen kann.

Dann kann mir sicher wieder einer helfen.

bis dahin, habt vielen dank.

lg

Destruction · 10.07.2010, 17:58

Zitat:

Zitat von Verino

Das ist schonmal ein toller ansatz.

Ich weiß nun was ich nach zulesen habe und habe auch die ersten ansätze für eine Lösung.

Ich ziehe mich nun ein paar Tage zum lesen und tüffteln zurück und sollte es nicht klappen habe ich auch paar scripte die ich vorlegen kann.

Dann kann mir sicher wieder einer helfen.

bis dahin, habt vielen dank.

lg

Schau dir auch die Funktion json_encode an, falls dir diese nicht bekannt ist.

Verino · 10.07.2010, 18:38

werde ich auch machen, habe ein script gefunden als ich nach http request gesucht habe auf dem kann ich wohl aufbauen da die erklärung auch sehr gut ist.

Leider fehlt mir noch eine Info um richtig experimentieren zu können.

Hier das Problem:

link zum starten:

PHP-Code:

  <a href="#?pro=1" id="link">Profil</a>

js script:

PHP-Code:

  function $(id) {

    return document.getElementById(id);

}

 

window.onload = function() {

    $('link').onclick = function() {

       getHttpRequest();

       return false;

    }

}

 

function getHttpRequest() {

   

    var xmlhttp = null;

    // Mozilla

    if (window.XMLHttpRequest) {

        xmlhttp = new XMLHttpRequest();

    }

    // IE

    else if (window.ActiveXObject) {

        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

   

    xmlhttp.open("GET", 'ink/profil.php', true);

    xmlhttp.onreadystatechange = function() {

        if(xmlhttp.readyState != 4) {

            $('ergebnis').innerHTML = 'Seite wird geladen ...';

        }

        if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {

            $('ergebnis').innerHTML = xmlhttp.responseText;

        }

    }

    xmlhttp.send(null);

}

php datei

PHP-Code:

  <?php 

$pro = $_GET['pro'];

if($pro == "1") { 

    echo "Dies ist der übergebene Text";

}

?>

 
ohne 

 
$pro = $_GET['pro'];

if($pro == "1") { 

 
klappt es, also liegts nicht an den verlinkungen.

wie schaffe ich es, das ich mit dem link noch einen Wert übergebe, so das die php datei nachher weiß welche funktion sie ausführen soll?

ChrisB · 10.07.2010, 18:40

Bitte für Beispielcode [php]-Tags verwenden, nicht die [phpwiki]-Tags.
Dass letztere kaum sinnvoll sein können an so einer Stelle, muss einem doch eigentlich selber auffallen, wenn man sich das Posting mal per Vorschaufunktion anschaut ...

Also, bitte Posting anpassen!

Zitat:

wie schaffe ich es, das ich mit dem link noch einen Wert übergebe, so das die php datei nachher weiß welche funktion sie ausführen soll?

In dem du den Parameter einfach per GET im Querystring übergibst.

Wenn dir das nichts sagt: Lerne Grundlagen (Lerne Grundlagen | Quellensammlung)

Verino · 10.07.2010, 18:54

ich übergebe den Wert doch:

PHP-Code:

  <a href="#?pro=1" id="link">Profil</a>

und hole ihn an anderer Stelle wieder:

PHP-Code:

  $pro = $_GET['pro'];

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bilderladen	DarkManX	HTML, Usability und Barrierefreiheit	2	26.02.2008 07:15

10.07.2010, 14:50
Verino Benutzer Registriert seit: 07.05.2010 Beiträge: 62 PHP-Kenntnisse: Anfänger	JS und php bilderladen Hallo Leute, ich habe ein Gedanken im Kopf der mich nicht mehr loslässt, gleichzeitig habe ich keine Ahnung wie ich es umsetzen soll. Gehen wir von eine Community aus, dort gibt es einen User X. Dieser User hat insgesammt y Bilder in seinem Album. Nun Stelle ich mir vor, dass ich Ein Bild vergrößert sehe. Über dem Bild sind die Bilder für den Direktaufruf und unter dem Bild die Kommentare. Soweit kein Problem zu realisieren. Jetzt möchte ich das ich via JavaScript/Ajax das Hauptbild geändert wird und die dazu gehörigen kommentare. (natürlich nach anklicken eines links). Die probleme die sich mir stellen sind: Ich kann via JavaScript keine erneute Db abfrage starten um die kommentare aus der Db auszulesen. Wie kann ich die Kommentare in die DB schreiben ohne die Seite neu zu laden? Da jeder User unterschiedlich viele Bilder hat müsste ich ja eigentlich alle in einem Array speichern oder? lg PS. Es ist kein Script vorhanden, da ich derzeit nicht davon ausgehe das es klappt wie ich es mir vorstelle. Nachdem ihr mir vlt ein paar tipps geben konntet ob und wie ungefähr es möglich ist setze ich mich dran.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.07.2010, 17:24
Verino Benutzer Registriert seit: 07.05.2010 Beiträge: 62 PHP-Kenntnisse: Anfänger	Das ist schonmal ein toller ansatz. Ich weiß nun was ich nach zulesen habe und habe auch die ersten ansätze für eine Lösung. Ich ziehe mich nun ein paar Tage zum lesen und tüffteln zurück und sollte es nicht klappen habe ich auch paar scripte die ich vorlegen kann. Dann kann mir sicher wieder einer helfen. bis dahin, habt vielen dank. lg

10.07.2010, 18:38
Verino Benutzer Registriert seit: 07.05.2010 Beiträge: 62 PHP-Kenntnisse: Anfänger	werde ich auch machen, habe ein script gefunden als ich nach http request gesucht habe auf dem kann ich wohl aufbauen da die erklärung auch sehr gut ist. Leider fehlt mir noch eine Info um richtig experimentieren zu können. Hier das Problem: link zum starten: PHP-Code: `<a href="#?pro=1" id="link">Profil</a>` js script: PHP-Code: function $(id) { return document.getElementById(id); } window.onload = function() { $('link').onclick = function() { getHttpRequest(); return false; } } function getHttpRequest() { var xmlhttp = null; // Mozilla if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } // IE else if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET", 'ink/profil.php', true); xmlhttp.onreadystatechange = function() { if(xmlhttp.readyState != 4) { $('ergebnis').innerHTML = 'Seite wird geladen ...'; } if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { $('ergebnis').innerHTML = xmlhttp.responseText; } } xmlhttp.send(null); } php datei PHP-Code: `<?php $pro = $_GET['pro']; if($pro == "1") { echo "Dies ist der übergebene Text"; } ?> ohne $pro = $_GET['pro']; if($pro == "1") { klappt es, also liegts nicht an den verlinkungen.` wie schaffe ich es, das ich mit dem link noch einen Wert übergebe, so das die php datei nachher weiß welche funktion sie ausführen soll? Geändert von Verino (10.07.2010 um 18:42 Uhr).

10.07.2010, 18:54
Verino Benutzer Registriert seit: 07.05.2010 Beiträge: 62 PHP-Kenntnisse: Anfänger	ich übergebe den Wert doch: PHP-Code: `<a href="#?pro=1" id="link">Profil</a>` und hole ihn an anderer Stelle wieder: PHP-Code: `$pro = $_GET['pro'];`