Das jquery suggest Plugin hat leider ein Problem im Zusammenspiel mit dem jquery tabs Plugin. Im ersten Tab wird die Position noch richtig angezeigt, aber in anderen Tabs funktioniert die Positionierung nicht mehr ordentlich.

Ich habe das Script deshalb um die Variablen toppos und leftpos erweitert, um die Top und Left Position von der Ergebnisliste fest angeben zu können.

Demo:
http://www.finrik.at/temp/tabs_suggest/index.html

jQuery("#suggest3").suggest(
            "search.php",{
                toppos: 150,
                leftpos: 150,
                onSelect: function() {
                    alert("You selected: " + this.value)
                }
            }
            );

Vielleicht kanns ja jemand brauchen.

Ich brauche ja auch für die kleinsten Dinge ein kleines Demo, um es zu verstehen. Heute möchte ich zu einer Tabelle neue Zeilen hinzufügen, bzw. löschen können. Geht auch ganz einfach mit den jQuery append, prepend und remove Funktionen:

Online Demo

Kleines Script, um nach einer Eingabe der Plz den entsprechenden Ort zu ermitteln:

jQuery Code:

$(document).ready(function()
{

    $("#plz").bind("change", function() {
        $.ajax({
           type: "GET",
           url: "plz.php",
           data: "plz="+$("#plz").val(),
           success: function(msg){
               $("#ort").val(msg);
           }
         });
    } );

});

html Code:

Plz: <input name="plz" id="plz" type="text" /> Ort <input name="ort" id="ort" type="text" />

php Code (Datei plz.php)
[php]

if (!empty($_GET['plz'])) {

$link = mysql_connect('localhost', 'root', '');

if (!$link) {
die('Verbindung nicht möglich : ' . mysql_error());
}

$db_selected = mysql_select_db('---------datenbank', $link);
if (!$db_selected) {
die ('Kann Tabelle nicht benutzen : ' . mysql_error());
}

Es kann ja öfters vorkommen, das beim laden einer Seite bestimmte Teile erst erzeugt werden müssen. zB dynamisch generierte Grafiken,... Dieser Vorgang dauert dann einige Zeit, und die Seite wird erst mit Verzögerung geladen.
Mit jQuery kann man das Problem schön umgehen:

JavaScript Code:

$.ajax({
   type: "GET",
   url: "test.php",
   data: "div1",
   success: function(msg){

       $('#div1').empty()
       $('<span>'+msg+'</span>').appendTo('#div1');

   }
 });

php Code (test.php)

<?php
sleep(5);
echo "Neuer Inhalt";
?>

Online Demo (neuer Inhalt erscheint nach 5 Sekunden)

Für den RSS Agent wollte ich schon seit längerer Zeit eine Funktion einbauen, um die Feeds bewerten zu können. Das habe ich nun mit jQuery bzw. Ajax gelöst.

JavaScript Code

function demo1 (id,element) {

$.ajax({
   type: "GET",
   url: "test.php",
   data: "id="+id,
   success: function(msg){

       $('#'+element+' p').empty()
       $('<span>'+msg+'</span>').appendTo('#'+element+' p');

   }
 });

}

php Code (test.php)

<?php
echo "Neuer Wert ".$_GET['id'];
?>

Online Demo

Mit jQuery und dem Interface Plug-In, kann man sehr einfach einen Drag & Drop Effekt realisieren.
Als Beispiel möchte ich den Inhalt von DIV Boxen in Formularfelder einfügen:

$(document).ready(function()
{

$(’#divs div’).Draggable(
{
zIndex: 1000,
ghosting: true,
revert: true,
opacity: 0.7
}
);

$(’#textareas textarea’).Droppable(
{
accept : ‘dropaccept’,
tolerance: ‘intersect’,
ondrop: function (drag)
{
$(this).val($(drag).html());
}
}
);

});

Online Demo