div1 inhalt soll beim laden des div2 erhalten bleiben

[Ossipower]

hallo.

ich habe 2 div container. wenn ich denn inhalt in einem von den beiden divs anzeigen lasse möchte, wird der inhalt des anderen divs gelöscht.

wie kann ich es erreichen, dass der inhalt weiterhin angezeigt wird?

hier ein script:

$(documentt).ready( function() {
    $('#[COLOR=Red]submitArtikel[/COLOR]').click( function() {
        // daten aus dem form-tag
        var datas = $('[COLOR=Red]artikel[/COLOR]').******ize();
        // ajax starten
        $.ajax({
            type: 'POST',
            url: 'index.php',
            data: datas,
            success: function(data) {
                $('#[COLOR=Red]artikel[/COLOR]').html(data);
            });
        });
    });
});

das script vom anderen div ist fast gkeich, bis auf die rot geschriebenen sachen. die sind dem div angepasst.

ich schicke schon mal ein dank los.


gruß
ossipower

 

[saila]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

Hi,

ich weis zwar nicht was du nun als success über data zurück erhälst, aber im Regelfall läuft das um den bisherigen Inhalt der div-box #artikel zu erhalten wie folgt:

$(documentt).ready( function() {
    $('#submitArtikel').click( function() {
        // daten aus dem form-tag
        var articleBoxContent = $('#artikel').htm();
        
        var datas = $('artikel').******ize();
        // ajax starten
        $.ajax({
            type: 'POST',
            url: 'index.php',
            data: datas,
            success: function(data) {
                $('#artikel').html(articleBoxContent + data);
            });
        });
    });
});

Deinem Beispiel entnommen.

 

[Ossipower]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

hi saila.

danke für die schnelle antwort.

aber es funktioniert auch so nicht.

hab schon viel gelesen über success: function(data) aber nichts hat zum erfolg geführt.

mal eine dumme frage am rande. kann man für data was anderes einsetzen.
eine variable z.B.?

gruß
ossipower

 

[sokie]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

es wäre gut, den HTML code zu sehen, um zu wissen, wie und wo die fraglichen DIVs sind.

 

[Ossipower]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

<div id="inhalt">
            <div id="menu_oben">
                <div class="button">
                    <div class="hg_button_links">
                    </div>
                    <div class="hg_button_mitte">
                        <form method="POST" action="index.php">
                        <input type="submit" class="Button" name="submitArtikel" value="Die neue Galaxie">
                        </form>
                    </div>
                    <div class="hg_button_rechts">
                    </div>                   
                </div>
            </div>
            <div id="text">
            <?php include 'module/abfrage_artikel.php'; ?>
            <? echo $artikel; ?> 
            </div>
            <div id="info">
            <?php include 'module/abfrage_planeten.php'; ?>
                <div class="box_header">
                    <div class="box_button" align="right">
                        <a title="Öffnen/Schließen" id="" href="javascript: void(0);" onClick="toggle(this, 'box1');">Schließen</a>
                    </div>
                </div>
                <div id="box1">
                    <div id="info_bild">
                    <img src="/game/images/planeten/<? echo $planetenbild; ?>" />      
                    </div>
                    <div id="info_daten">                
                        <div class="info_daten_name">
                            <? echo $planetenname; ?>
                        </div>
                        <div class="info_daten_kategorie">
                             <? echo $planetenkategorie; ?>
                        </div>
                        <div class="info_daten_eigentuemer">
                             <? echo $planeteneigentuemer; ?>
                        </div>
                    </div>
                    <div class="info_daten_beschreibung">
                        <? echo $planetenbeschreibung; ?>      
                    </div> 
                </div>
            </div>     
        </div>
        <div id="menu_unten">
                <div class="button">
                    <div class="hg_button_links">
                    </div>
                    <div class="hg_button_mitte">
                        <form method="POST" action="index.php">
                        <input type="submit" class="Button" name="submitPlanet" value="Endrit">
                        </form>
                    </div>
                    <div class="hg_button_rechts">
                    </div>
                                
                </div>

bitte.

ich habe schon mit einem arry probiert. den text vom artikel zeigt er mir nicht an. die anderen sachen ja, wenn ich diese benutze.

or die ("Die Datenbank existiert nicht.");

if ($_REQUEST['submitArtikel'])
{
    $_artikeltitel = mysql_real_escape_string($_REQUEST['submitArtikel']);
    $abfrageArtikel = "SELECT artikelalias, artikeltitel, artikelkategorie, artikel FROM artikel WHERE artikeltitel='$_artikeltitel'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        
    $artikelalias = '';
    $artikeltitel = '';
    $artikelkategorie = '';
    $artikel = '';
    $data = '';

    while($rowArtikel = mysql_fetch_object($ergebnisArtikel)) {
    
    $artikelalias .= $rowArtikel->artikelalias;
    $artikeltitel .= $rowArtikel->artikeltitel;
    $artikelkategorie .= $rowArtikel->artikelkategorie;
    $artikel .= $rowArtikel->artikel;
    $data = json_encode($rowArtikel->artikel);





    }

}  
mysql_close($connection); 
?>

 

[Ossipower]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

sorry, daß ich nochmal nachfrage.

hat einer die lösung oder einen tipp


gruß
ossipower

 

[saila]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

Hast du irgendwo ein print oder echo in der php-Datei? Mach einfach mal am Ende der Datei ein echo mit dem Inhalt "Das ist mein Echo" und du wirst möglicherweise den Fehler verstehen.

 

[Ossipower]

AW: div1 inhalt soll beim laden des div2 erhalten bleiben

nach 4 stunden kein erfolg.

ich habe beim echo den satz angehängt. er wird immer angezeigt. egal ob ich eine abfrage ausgeführt habe oder nicht. aber das wollte ich nicht.

meine abfrage funktioniert soweit. es wird aber immer noch die ganze seite neu geladen.



index.php

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scanner_loader.js"></script>
<script type="text/javascript" src="js/content_loader.js"></script>

<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
    if (ie4) {
        return document.all[id];
    } else {
        return document.getElementById(id);
    }
}

function toggle(link, divId) {
    var lText = link.innerHTML; var d = getObject(divId);
    if (lText == 'Öffnen') {
        link.innerHTML = 'Schließen'; d.style.display = 'block';
    } else { link.innerHTML = 'Öffnen'; d.style.display = 'none';
    }
}
</script>

</head>

<body>

<div class="center" align="center">
    <div id="seite" align="left">
        <div id="logo">
        </div>
        <div id="seite_rahmen_oben">
        <?php include 'module/abfrage_artikel.php'; ?>
            <div id="bereich_menu_oben">
                <div class="button">
                    <div class="hg_button_links">
                    </div>
                    <div class="hg_button_mitte">
                        <form method="POST" action="index.php">
                        <input type="submit" class="Button" name="submitArtikel" value="Die neue Galaxie">
                        </form>
                    </div>
                    <div class="hg_button_rechts">
                    </div>                   
                </div>
            </div>
        </div>
        <div id="seite_inhalt">
            <div id="seite_rahmen_links">
            </div>
            <div id="content">
                <?php echo ($artikeltext); ?>
            </div>
            <div id="scanner">
                <?php include 'module/abfrage_planeten.php'; ?>
                <?php include 'module/scanner.php'; ?>
            </div>       
            <div id="seite_rahmen_unten">
                <div id="bereich_menu_unten">
                <div class="button">
                    <div class="hg_button_links">
                    </div>
                    <div class="hg_button_mitte">
                        <form method="POST" action="index.php">
                        <input type="submit" class="Button" name="submitScanner" value="Endrit">
                        </form>
                    </div>
                    <div class="hg_button_rechts">
                    </div>                   
                </div>
            </div>
            </div>     
        </div> 
       </div>
</div>

abfrage_artikel.php

<?
include("connect.inc.php");
$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db("fighters")
or die ("Die Datenbank existiert nicht.");

if ($_REQUEST['submitArtikel'])
{
    $_artikeltitel = mysql_real_escape_string($_REQUEST['submitArtikel']);
    $abfrageArtikel = "SELECT artikelalias, artikeltitel, artikelkategorie, artikeltext FROM artikel WHERE artikeltitel='$_artikeltitel'";
    $ergebnisArtikel = mysql_query($abfrageArtikel);
        
    $artikelalias = '';
    $artikeltitel = '';
    $artikelkategorie = '';
    $artikel = '';

    while($rowArtikel = mysql_fetch_object($ergebnisArtikel)) {
    $artikelalias .= $rowArtikel->artikelalias;
    $artikeltitel .= $rowArtikel->artikeltitel;
    $artikelkategorie .= $rowArtikel->artikelkategorie;
    $artikeltext .= $rowArtikel->artikeltext;
    }
    
}  
mysql_close($connection); 
?>

abfrage_planeten.php

<?
include("connect.inc.php");
$connection = @mysql_connect($_db_host,$_db_username,$_db_passwort);

mysql_select_db("fighters")
or die ("Die Datenbank existiert nicht.");

if ($_REQUEST['submitScanner'])
{
    $_planetenname = mysql_real_escape_string($_REQUEST['submitScanner']);
    $abfragePlanet = "SELECT planetenname, planetenkategorie, planeteneigentuemer, planetenbeschreibung, planetenbild FROM planeten WHERE planetenname='$_planetenname'";
    $ergebnisPlanet = mysql_query($abfragePlanet);
        
    $planetenname = '';
    $planetenkategorie = '';
    $planeteneigentuemer = '';
    $planetenbeschreibung = '';
    $planetenbild = '';

    while($rowPlanet = mysql_fetch_object($ergebnisPlanet)) {
    
    $planetenname .= $rowPlanet->planetenname;
    $planetenkategorie .= $rowPlanet->planetenkategorie;
    $planeteneigentuemer .= $rowPlanet->planeteneigentuemer;
    $planetenbeschreibung .= $rowPlanet->planetenbeschreibung;
    $planetenbild .= $rowPlanet->planetenbild;
}

}  
mysql_close($connection); 
?>

scanner.php

<div class="box_header">
    <div class="box_button" align="right">
        <a title="Öffnen/Schließen" id="" href="javascript: void(0);" onClick="toggle(this, 'box1');">Schließen</a>
    </div>
</div>
<div id="box1">
    <div id="scanner_bild">
        <img src="/game/images/planeten/<? echo $planetenbild; ?>" />      
    </div>
    <div id="scanner_daten">                
        <div class="scanner_daten_name">
            <? echo $planetenname; ?>
        </div>
        <div class="scanner_daten_kategorie">
            <? echo $planetenkategorie; ?>
        </div>
        <div class="scanner_daten_eigentuemer">
            <? echo $planeteneigentuemer; ?>
        </div>
    </div>
    <div id="scanner_daten_beschreibung">
        <? echo $planetenbeschreibung; ?>      
    </div>         
</div>

scanner_loader.js

$(documentt).ready( function() {
    $('#submitScanner').click( function() {
        // daten aus dem form-tag
        var scannerBoxContent = $('#scanner').htm();
        
        var datas = $('scanner').******ize();
        // ajax starten
        $.ajax({
            type: 'POST',
            url: 'index.php',
            data: datas,
            success: function(data) {
                $('#scanner').html(scannerBoxContent + data);
            });
        });
    });
});

content_loader.js

$(documentt).ready( function() {
    $('#submitArtikel').click( function() {
        // daten aus dem form-tag
        var articleBoxContent = $('#content').htm();
        
        var datas = $('artikeltext').******ize();
        // ajax starten
        $.ajax({
            type: 'POST',
            url: 'index.php',
            type: 'POST',
            data: datas,
            success: function(data) {
                $('#content').html(articleBoxContent + data);
            });
        });
    });
});

ich muß ehrlich sagen, ich verstehe das nicht.

gruß
ossipower