Unterschied zwischen Drupal.behaviors und $(document).ready(function()
Eingetragen von Apfel007 (143)am 15.04.2010 - 14:03 Uhr in
Hallo zusammen,
kann mir jemand sagen, ob es funktionell einen Unterschied zwischen Drupal.behaviors und $(document).ready(function() gibt?
Mein Problem besteht darin, das ich per JQuery, "views gallery Imageflow ", beibringen will, den Node des Bildes in einem Popup zu zeigen. Jquery setzt hier korrekt alle Klassen an ALLE BILDER! Alles korrekt geöffnet, nur der Iframe zeigt immer noch kurz den vorherigen Node an (irgendein Cache??) und wechselt dann zum neuen Node.
// jquery simple modale
function loadiframe(url){
$.modal('<iframe src="' + url + '" height="800" width="600" scrolling="no">', {
containerCss:{
backgroundColor:"#fff",
borderColor:"#fff"
},
overlayClose:true,
opacity:70,
overlayCss: {
backgroundColor:"#000"
},
onOpen: function (dialog) {
dialog.overlay.fadeIn('slow', function () {
dialog.container.toggleClass("preloader");
dialog.data.hide();
dialog.container.fadeIn('slow', function () {
dialog.container.toggleClass("preloader");
dialog.data.slideDown('slow');
});
});
},
onClose: function (dialog) {
dialog.data.fadeOut('slow', function () {
dialog.container.slideUp('slow', function () {
dialog.overlay.fadeOut('slow', function () {
$.modal.close(); // must call this!
});
});
});
}
});
}
$(document).ready(function(){
$(".imagefield-field_gallery_image").click(function(){
//var baseurl = location.host;
var url = $(this).attr("target");
var url = 'https://domain.de' + url;
loadiframe(url);
});
});Wenn ich nun so etwas Versuche, um das Module Modalframe zum Leben zu erwecken, setzt JQuery auf alle Bilder das "link" Attribut vom 1. Bild. Woran liegt das? Habe hier schonmit dem livequery plugin was versucht, das in d6 das Jquery "live-plugin" nicht verfügbar ist.. Kann es hier daran liegen, das die Galerie dynamisch zusammen gestellt wird und das die Jquery-Funktion zum falschen Zeitpunkt aufgerufen wird? Nun zu meiner eigentlichen Frage - im ersten Beispiel werden die Click-Links richtig " verteilt, und im 2. wird nur der erste Click-Link verteilt. Heißt das nun das Drupal.behaviors und $(document).ready(function() unterschiedlich ausgeführt werden? Freue mich auf Hinweise!
// $Id: modalframe_example.js,v 1.1.2.7 2009/12/28 02:21:20 Exp $
(function ($) {
Drupal.behaviors.modalFrameExample = function(context) {
//$('.imagefield-field_gallery_image:not(.modalframe-example-processed)').addClass('modalframe-example-processed').each(function () {
$("img.imagefield-field_gallery_image:not(.modalframe-example-processed)")
.addClass("modalframe-example-processed").each(function() {
//$(this).livequery("click", function(event) {
$(this).click(function(event) {
var url = $(this).attr("link");
Drupal.modalFrame.open({url: url, width: 800, height: 600});
return false;
}); });};
})(jQuery);- Anmelden oder Registrieren um Kommentare zu schreiben
Drupal.behaviors
am 18.04.2010 - 18:02 Uhr
Hallo.
Erstmal der obligatorische Link zum Handbuch.
Drupal.behaviorsreagiert nicht anders als$(document).ready(), da es vom Prinzip her etwas ganz anderes ist (nämlich eigentlich nur ein gewöhnliches jQuery-Objekt).Dieses Objekt (im eigentlichen Sinne ein Attribut des Attributs "behaviors" des Objektes "Drupal") wird nach dem vollständigen Laden des DOM durch
$(document).ready( ... )ausgeführt.Was passiert, wenn Du diesen Code hier verwendest?
Drupal.behaviors.modalFrameExample = function(context) {$('.imagefield-field_gallery_image:not(.modalframe-example-processed)').addClass('modalframe-example-processed').click(function(event) {
Drupal.modalFrame.open({url: $(this).attr("link"), width: 800, height: 600});
return false;
});
};
hth,
Stefan
Moin Stefan, danke für die
am 22.04.2010 - 14:34 Uhr
Moin Stefan,
danke für die Antwort.. ich konnte das Problem eingrenzen..das Problem war offensichtlich die dynamische Erzeugung der Galerie.. mit dem JQuery Plugin "livequery" funktioniert es.
Einziger Harken ist im Moment noch die "onSubmit" Funktion. Wie kann man die Serverseitige Funktion "modalframe_close_dialog()" aufrufen? Oder braucht man diese gar nicht und man könnte das ganze mit JS schließen? Was meinst Du?
(function ($) {
Drupal.behaviors.modalGalleryComment = function() {
$('.imagefield-field_gallery_image').addClass('modalframe-gallery-comment-processed').livequery('click', function(event) {
var element = this;
// This is our onSubmit callback that will be called from the child window
// when it is requested by a call to modalframe_close_dialog() performed
// from server-side submit handlers. TODO DON'T WORK!!!
function onSubmitCallback(args, statusMessages) {
// Display status messages generated during submit processing.
if (statusMessages) {
$('.modal-gallery-comment-messages').hide().html(statusMessages).show('slow');
}
if (args && args.message) {
// Provide a simple feedback alert deferred a little.
setTimeout(function() { alert(args.message); }, 500);
}
}
// TODO DON'T WORK!!!
function onLoadAction(){
$('#modalframe-container').remove($(this).css('background'));
$('.ui-dialog-title').text();
}
// Hide the messages are before opening a new dialog.
$('.modal-gallery-comment-messages').hide('fast');
// Build modal frame options.
var modalOptions = {
url: $(this).attr('link')+ '/modalframe',
//onSubmit: onSubmitCallback,
// onLoad: onLoadAction,
width: 800,
height: 600
};
// Open the modal frame dialog.
Drupal.modalFrame.open(modalOptions);
// Prevent default action of the link click event.
return false;
});
};
})(jQuery);
function modal_gallery_comment_form_submit($form, &$form_state) {if ($form['submit']['#value'] == t('Save')) {
modalframe_close_dialog();
}
}