javascript - jQuery conflict with MooTools -


  1. i have created slideoutmenu pops out/in if touch it/not cursor using mootools: //mootools, http://mootools.net, object oriented (javascript) tools. copyright (c) 2006-2009 valerio proietti, http://mad4milk.net, mit style license. //core +fx.scroll +asset +event delegation

a part of script: 

window.addevent('domready', function() { new slideoutmenu();    initialize: function() {     // ff2 mac screws menu display. give m basic menu     if (browser.platform.mac && browser.engine.gecko && browser.engine.version == 18) {         $('menu').removeclass('js_live');         return;     }      // iphone should have normal menu     if (browser.platform.ipod) {         $('menu').removeclass('js_live');         return;     }      this.bg_div = $('menu');     this.menu_div = $$('#menu #opts')[0];      this.logo_lnk = $$('#logo a')[0];     if (this.logo_lnk.hasclass('home')) {         this.is_homepage = true;     }      var rbseasing = new fx.transition(fx.transitions.expo, 4);            this.is_open = false;      this.bgeffect = new fx.tween(this.bg_div, {         unit: '%',         property: 'width',         duration: 650,         transition: rbseasing.easeout,         oncomplete:this.bgeffectcomplete.bind(this)     });      this.menueffect = new fx.tween(this.menu_div, {         property: 'left',         transition: rbseasing.easeout,         duration: 650     });      $('logo').addevent('mouseenter', this.showmenu.bind(this));      this.mousebindcallback = this.movemovecallback.bind(this); },  bgeffectcomplete: function() {     if (this.is_open === false) {         document.addevent('mousemove', this.mousebindcallback);     }     this.is_open = !this.is_open; },  showmenu: function() {     if (this.is_open === true) {         return;     }      this.bgeffect.start(70);     this.menueffect.start(600, $('logo').getposition().x);      this.logo_lnk.addclass('active');      if (this.is_homepage) {         this.logo_lnk.removeclass('home');     } },  hidemenu: function() {     this.bgeffect.start(0);     this.menueffect.start(600);      this.logo_lnk.removeclass('active');      if (this.is_homepage) {         this.logo_lnk.addclass('home');     } },  movemovecallback: function(e) {     var close_right = this.menu_div.getposition().x + 370;     if (e.page.x > close_right && e.page.y > 80 && this.is_open === true) {         document.removeevent('mousemove', this.mousebindcallback);         this.hidemenu();     } }

the menu worked without problem, then

  1. i created photo slideshow gallery using jquery , of course menu stopped working. when remove jquery works fine again. there many sites says there conflict between javascript , jquery , not recommenced use them together, though there solution

    jquery.noconflict(); should added after

also i've changed $ $j in mootools file jsc.js , 1 created myself. worked weirdly, menu pop out, elements not aligned anymore , wouldn't disappear when moved cursor away... have feeling there simple solution this, it's because lack of knowledge here asking help

try replace in mootools script $ (one dollar! not 2 $$) document.id


Comments

Post a Comment

Popular posts from this blog

monitor web browser programmatically in Android? -

i've got tricky question here. need users make payment bank (namely barclaycard) in uk. so, have https url , add parameters (such amount pay, order reference, etc) url, start http connection intent.actionview, redirect user browser can enter credit card details on bank's webpage , make payment our account successfully. far ? the code use below (i changed values privacy reasons) problem is, need app when user has completed/failed/cancelled payment. barclaycardautomatically redirects particular url when payment has succeeded, 1 if failed. there no way of knowing when barclaycard payment has succeeded go android app somehow ? button cardbutton = (button) findviewbyid(r.id.card_button); cardbutton.setonclicklistener(new view.onclicklistener() { @override public void onclick(view arg0) { string prehashstring = new string(); string prohashstring = new string(); string shapassphrase = new string(); shapassphrase = "gsvth£h70zkh...
Read more

Shrink a YouTube video to responsive width -

i have youtube video embedded on our website , when shrink screen tablet or phone sizes stops shrinking @ around 560px in width. standard youtube videos or there can add code make go smaller? you can make youtube videos responsive css. wrap iframe in div class of "videowrapper" , apply following styles: .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } the .videowrapper div should inside responsive element. padding on .videowrapper necessary keep video collapsing. may have tweak numbers depending upon layout.
Read more

wpf - PdfWriter.GetInstance throws System.NullReferenceException -

i'm trying create pdf document using itextsharp 5.3.4 using following document document = new document(); filestream stm = new filestream(filename, filemode.create); pdfwriter writer = pdfwriter.getinstance(document, stm); i'm getting system.nullreferenceexception following stack trace: system.nullreferenceexception occurred hresult=-2147467261 message=la référence d'objet n'est pas définie à une instance d'un objet. source=itextsharp stacktrace: à itextsharp.text.version.getinstance() innerexception: i've verified neither document nor stm null, , if select "continue" in vs12 document created - exception thrown. updated itextsharp 5.4.0 , it's still occurring. can't find information on anywhere - got ideas? make sure not catching exceptions. nullreferenceexception can 1 caught , handled inside itextsharp, don't care it. fact can continue supports theory. change following setting verify: debug -> exceptions ...
Read more