Articles of unobtrusive javascript

Comment éviter d’évaluer une réponse JavaScript?

J’utilise Ruby on Rails 4. Dans ma question précédente, je demandais comment gérer les événements JavaScript d’un élément link_to :remote “a a Rails Way”. Cependant, j’aimerais que AJAX n’évalue pas la réponse JavaScript (quelle qu’elle soit) afin de pouvoir implémenter mes comportements personnalisés. Dans mon cas, la réponse AJAX à ignorer est générée en cliquant […]

Liaison d’événement sur des éléments créés dynamicment?

J’ai un peu de code où je parcourt toutes les cases de sélection d’une page et leur lie un événement .hover pour faire un peu de twiddling avec leur largeur .hover mouse on/off . Cela se produit sur la page prête et fonctionne très bien. Le problème que j’ai est que toutes les boîtes de […]

Masquer le code HTML uniquement lorsque Javascript est disponible

J’imagine qu’il s’agit davantage de SEO que de vouloir supporter les navigateurs avec Javascript désactivé. J’ai le code Javascript / jQuery qui lit dans certains HTML et l’affiche essentiellement beaucoup plus agréable. Le .remove() HTML est effectivement supprimé (avec la fonction .remove() de jQuery) au cours du processus. Je cache donc le code HTML pour […]

Rails 3: envoi du formulaire distant via jQuery – empêche le rechargement de la page

Voici à quoi ressemble ma forme de rails: – form_tag rel_references, :remote => true, :id=>”references_form”, :method => ‘get’ do = text_field_tag :rel_id, params[:rel_id], :id=>”reference_form_rel_id” = submit_tag “Get references”, :id => “referencesubmit” J’ai besoin que textfield #reference_form_rel_id soit rempli dynamicment en fonction du code HTML d’un élément DOM utilisant jQuery, puis envoie ce formulaire (à distance) […]

pouvez-vous utiliser ruby ​​intégré dans des fichiers JavaScript personnalisés dans des rails?

Comment intégrer du code ruby ​​dans javascript pour rails? Je sais que vous pouvez le faire facilement dans les répondeurs javascript pour les méthodes d’action (par exemple, dans create.erb.js). Mais existe-t-il un moyen de le faire pour d’autres fichiers JavaScript personnalisés inclus dans l’application à l’aide de javascript_include_tag? Par exemple, dans create.erb.js, je peux écrire […]

Ce qui est plus rapide, .on () ou .click ()?

Si j’ai une table avec des liens pour supprimer un enregistrement, quel est le meilleur moyen de câbler l’événement click? Est-ce que ceux-ci évaluent la même chose sous le capot? $(“#table”).on(“click”, “.delete”, function(){ //do stuff }); ou $(“#table .delete”).click(function(){ //do stuff });

Association de données à un élément DOM pour jQuery

Dans une vie antérieure, j’aurais peut-être fait quelque chose comme ceci: Click Click Click Click Maintenant, avec jQuery, je pourrais faire quelque chose comme ceci: Click Click Click Click $(“.clicker”).bind(“click”, function(e) { e.preventDefault(); f($(this).attr(“alt”)); }); Sauf que l’utilisation de l’atsortingbut alt pour transmettre les données du DOM à jQuery ressemble à un piratage, car ce […]

Liste de définitions jQuery Accordion avec plusieurs éléments de description

Je n’arrive pas à utiliser les accordéons jQuery avec des listes de définitions comportant plusieurs éléments de description (dd). Les exemples de l’auteur n’ont que des éléments uniques. Dans l’exemple ci-dessous, B2, B3 et C2 montrent onLoad, plutôt que de se cacher comme A1, B1 et C1 comme je le préférerais. Comment pourrais-je y parvenir? […]

Les meilleures pratiques pour utiliser AJAX sans les assistants intégrés de Rails?

Dans mon application de blog, certaines publications apparaissent sous forme d’extraits: l’utilisateur voit le premier (disons) 500 caractères et peut cliquer sur un lien pour afficher l’intégralité de la publication. Voici le partiel pertinent: post) %> wrote this ago length, :omission => “…Click here for more!”) %> Cependant, au lieu de “Cliquez ici pour plus!” […]

Passer des variables Javascript à des partiels Rails

Je suis nouveau chez Rails et je me bats pour une tâche apparemment facile. J’ai un formulaire (dépouillé): ‘form-inline’ } do |f| %> Order Je souhaite rendre la citation dans Google Finance dans la division $ (# ici) lorsque je clique sur “Obtenir la citation” et lorsque le champ de texte du symbole perd le […]