Eric @ EricBess WebHome

Ne gagne pas arrogant, de ne pas perdre la faim, il est choc poitrine et le visage, comme le mien Pinghu

Chinese (Simplified) flagItalian flagKorean flagPortuguese flagEnglish flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag
By N2H

Jquery effet: "click-to-changement»

But

AJAX en utilisant un (ou AHAH) technologie conçue page, sans laisser les visiteurs seront en mesure de voir dans le (X) HTML page de contenu éditorial.

Program

Cliquez sur la nécessité de modifier le texte, en changeant avec un bouton annuler et de mettre la zone de texte. Pour modifier la partie de la AHAH sera envoyé à un serveur-côté fichier de script PHP pour mettre à jour la base de données (MySQL ou papier ordinaire).

Démonstration

AJAX-cliquez sur le style à changer de démonstration
Dans cette première démonstration, j'ai utilisé une id pour "editinplace" l'élément div. Quand la souris à travers ici, la couleur de fond sera jaune pâle. Cliquez sur le texte de certains des DOM opération débutera, div éléments ont été remplacés par un textarea éléments - contenues dans le texte original.
Cliquez sur le bouton Enregistrer pour le côté serveur des scripts PHP pour envoyer un nouveau document HTML, et les réexportations reçu un nouveau texte (par $ _POST).
Dans le monde réel des environnements, vous devriez également ajouter un des tests de sécurité avant qu'ils ne soient en mesure de mettre à jour la base de données et retourner le contenu de la page mise à jour, les collègues informés de la mise en œuvre réussie de JQuery.

1 2 3

Juillet 20 Juillet 2008 Posté par Eric | codage, la technologie Web | Pas de commentaires

Jquery résultats: changer de style

DEMO

Le familier d'ouverture
$ (Document). Prêt (function () (
$ ( '. Styleswitch »). Click (function ()

JQuery dire "le plus vite possible pour trouver l'objet qui contient l'ensemble des« styleswitch 'éléments, et ils avaient quand un clic de souris fonctions ".
Looks good. Lorsque les clics de souris à l'avance de l'élément spécifié, switchStylestyle fonction sera appelée. À partir de maintenant, l'accent est mis.

$ ( 'Lien [@ rel *= style] "). Chaque (function (i) (

Que signifient ces mots?
JQuery de trouver l'auteur de John démission, à son avis. Il m'a donné un JQuery adresse du site Web de la page, sur laquelle un certain nombre de fonctionnalités avancées JQuery (XPath), peut être utilisé pour trouver et d'exploiter un certain nombre d'éléments de la page. Si vous lisez ces choses vous seront en mesure de comprendre le mystérieux code de la phrase ci-dessus, le sens est à dire JQuery "pour trouver avec tous les attribut rel valeurs et des attributs inclus dans la chaîne" style "lien éléments de la liaison."

Cliquez ici pour lire la suite

Juillet 20 Juillet 2008 Posté par Eric | Codage, Web Technologie | un commentaire