Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „datenausgabe nach ajax request mit einem javascript formatieren“

Ossipower

Nicht mehr ganz neu hier

tach alle zusammen, ich habe mal wieder eine frage.

mein ajax request, dank eurer hilfe, funktioniert super. jetzt möchte ich die datenausgabe so formatieren, als ob eine schreibmaschiene diese schreibt.

ich habe mir ein script aus dem netz gesucht und auch schon versucht es anzuwenden. das ergebnis war nicht so toll.



indey.php

Code:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jTypeWriter.js"></script>



<script language="javascript">
$(document).ready( function() {
                            
    $('form[name="ajax"]').submit(function(){
                                                 
        var text = $(this).******ize();
        
        // ajax starten
        $.ajax({
            type: 'POST',
            url: 'abfrage_artikel.php',
            data: text,
            success: function(data) {
                $('#content').html(data);
            }
        });
        return false;
    });                            
});
</script> 

</head>

<body>                  
<form methode="post" name="ajax">
    <input type="hidden" name="hiddenValue1" value="Die neue Galaxie" />
    <button type="submit" id="send" name="send" value="senden">senden</button>
</form> 

  
         
<div id="content"> 


</div> 

       
</body>
</html>
Code:
<script language="javascript" type="text/javascript">
        $('button#send').click(function () { 
            $('#content').jTypeWriter();
        });
    </script>
soweit wie ich es verstanden habe, muß ich nach dem $('#content').html(data); das script einfügen. habe ich probiert. es entstanden aber nur fehler.

wie kann ich das script einfügen?

danke im voraus.

mfg
ossipower
 

saila

Moderatorle

AW: datenausgabe nach ajax request mit einem javascript formatieren

Hi,

du gibst deinem div#content:
Code:
<div id="content" style="display: none;"></div>

Im ajax-success folgendes:
Code:
$('#content').html(data);
$('#content').show().jTypeWriter();
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben