ändern der Inhalt eines div mit javascript-und php-include

Möchte ich etwas tun, iframe-wie mit meinen div habe ich jetzt hier.

Grundsätzlich habe ich mittlerweile soweit links zu ändern, den Inhalt des div-etwa so:

<a href="#self" onClick="document.getElementById('maincontent').innerHTML = '<?php include 'file.php'; ?>';">Open file</a>

Das funktioniert ziemlich gut, leider aber, wenn ich einen anderen link im inneren, ändern Sie den Inhalt zurück auf die erste Datei, die server stecken in einer Endlosschleife und stürzt ab.

Ich bin wirklich nur versuchen, einen Weg, um dynamisch ändern Inhalt, und zu Holen, die Inhalte aus einer Datei mit php. Wenn meine Art und Weise, dies zu erreichen, ist völlig ludicrious, ich weiß zu schätzen, Anregungen.

InformationsquelleAutor Andreas Eriksson | 2009-11-14

  1. 10

    Ich denke, der beste und einfachste Weg ist die Verwendung von jQuery:

    <script type="text/javascript">
$('#addContent').click(function(){
   $("#maincontent").load("file.php");
   return false;
});
</script>

<a href="#" id="addContent">Open File</a>
<div id="maincontent"></div>

    Diesem Skript wird das laden von Inhalten von file.php in ausgewählten div mit ajax-call.

    InformationsquelleAutor rochal

  2. 1

    Dieser sieht aus wie ein guter Ort für jQuery load() Funktion. Nur geben Sie dem div eine id hinzufügen eine click-Ereignis für den link und die Veranstaltung laden Sie die Inhalte von Ihrem php-Skript in die div. Vielleicht fügen Sie eine Klasse (z.B. 'aktualisiert') auf das div beim laden der neuen Daten. So ein Klick-Ereignis prüfen können, ist('.hochgeladen') auf das div-Element und wechseln Sie es zurück, wenn der link angeklickt wird wieder.

    InformationsquelleAutor Tom

  3. 1

    Setzen divs #maincontent halten, dass die verschiedenen Inhalte, die Sie wollen. Gib den divs IDs. Wenn Sie auf den link geklickt ein - /ausblenden der entsprechenden Inhalte

    Dies ist ein ähnlicher thread: Tabulator in PHP?

    InformationsquelleAutor Galen

  4. 1

    Erstens, würde ich vorschlagen, nicht die event-handler so. Für eine Sache, die Sie müssen wirklich vorsichtig sein, Sie richtig entweichen der Inhalte. Ich würde es so machen:

    <div id="content1">
<?php include 'file1.php'; ?>
</div>
<div id="content2">
<?php include 'file2.php'; ?>
</div>

    und Bearbeiten diese mit Javascript. Sie können entweder legen Sie die innerHTML-oder einfach das anzeigen/verstecken der jeweiligen divs. Also:

    <script type="text/javascript">
var content = 1;

function swap_content() {
  document.getElementById('maincontent').innerHTML = document.getElementById('content' + content).innerHTML
  if (content == 1) {
    content = 2;
  } else {
    content = 1;
  }
}
</script>
<a href="#" onclick="swap_content();">Open File</a>

    Alternativ könnte man nur ein - /ausblenden entsprechende, anstatt das kopieren von content.

    Schließlich, während nicht erforderlich, dies ist viel mehr trivial, um in einer Javascript-Bibliothek wie jQuery.

    InformationsquelleAutor cletus

  5. 0

    Für mich klingt es wie Sie AJAX verwenden. Auf dem clickevent (die sollte man auch nicht binden, mit inline-code), Sie würde stattdessen laden Sie die Inhalte mit einem XHR-Anfrage.

    Machen das Leben leichter für Sie würde ich empfehlen, sich auf eine JavaScript-Bibliothek, wo mein persönlicher Favorit wäre jQuery (http://www.jquery.com). Das zu erreichen, was Sie versuchen zu tun, würden Sie gerade tun:

    $('#id_to_the_a_tag').click(function() {
    $("#maincontent").load("file.php");
    return: false;
});

    InformationsquelleAutor Marco

Schreibe einen Kommentar