jquery rebind mouseenter
i am trying to rebind a mouseenter.. using jquery/1.8.3 for avoiding loop..i am trying to unbid mouseenter.. but than cannot rebind the event back again.. $('.mnu').mouseenter(function () { $('.dv').fadeIn(200).animate({ margin: "13px 0", opacity: "1" }, 200); }); $('.mnu').mouseleave(function () { $(this).unbind("mouseenter"). queue(function () { $('.dv').animate({ margin: "200px 0", opacity: "0" }, 300).fadeOut(300); }). queue(function () {
jQuery mobile problems
Hello, We have created a six-page mobile website http://m.theoff.info using jQuery mobile. The mobile website is fully functional offline. However, when we published the mobile website online, a part of it works and others do not. All pages are working individually. All links on index page http://m.theoff.info/ are fully functional. But links from other five pages http://theoff.info/India-Travel/Alchi-Guide.html, http://theoff.info/India-Travel/Phyang-Guide.html, http://theoff.info/India-Travel/Hotels.html,
input form data resetting (during jquery sortable & html change)
So right now I am using jquery and jquery ui I have a sortable list of input data (e.g. single line text input fields) While I know this isn't a great way to update my index arrays, of position, and some of my form data. It was the first thing I got working after a few hours. However, my contents of the for loop. Specifically line 5 and 6, is whats causing me issues. If i leave them there, everything updates just fine during sortable change. but all my partially entered user form data resets back
jquery buttonset checkbox refresh
I have buttonset with 4 checkboxes ch1,ch2,ch3,ch4 and submit button for further processing. My requirement is when i click ch1, all the other 3 should be unchecked. It happens successfully but visible only after submit button is clicked. i.e, refresh happens only after submit. how to do refresh in click event itself? I tried: $('#span').buttonset(); $('#chk1').change(function () { if($(this).is(":checked")){ $('.chkSelect').prop('checked',false);
Scroll combination problem snapscroll/scrollTop
Hello, the website I'm making ( http://wannesverelst.netau.net/portfolio_fullscreen for the moment ) contains 2 normal means of navigation: clicking on the menu or scrolling. The difference is that when you scroll, you get a snapping effect. When you click on a menu you should obviously go to the corresponding div, but it just kinda jumps around. The weird part is that when I implement the snapscroll effect OR the menu click, it works perfectly. The problem starts when I combine the 2 together.
On selection change replace part of a href
Hello there, I am wondering if anyone can help me with this problem. Shortly: I have a drop down selection with multiple options, all I want to do is on change of this selection (when user choose another option), it get the value of the new selected option and submit it in href tag instead of another part in this href (replace with part of href). Problem: everything works fine for the first selection change, but if the user decided to select another option (second, or third time), it doesn't get
I am getting an error - John is not recognized
Hi Experts, I have tried to resolve this but still running into errors. I am just trying to pass two url parameters to another page with this code: return "<a target='tab' data-tab-name='#RequestDetails' data-tab-index='2' href='viewDetails.php?loginName=" + <?php echo $user; ?> + "&ID=" + oObj.aData["ID"] + "'> " + oObj.aData["ID"] + " </a>"; But when I run this code, instead of passing john.doe, it gives an error that john is undefined. Any ideas how to resolve this? Thanks
Dialog freezing Firefox/Chrome in Windows when it has to display lots of information
I need to display a JQuery UI dialog with a lot of data previously loaded within the dialog parent element. The problem is that this information will likely have lots of lines of jobs that have to be billed, grouped by worker in an accordion, to have it all tidy and without a huge scroll. See the image attached. Everything works fine in Chrome/FF on Linux, but fails in Windows. The script freezes when the dialog has to be opened with all that info already loaded. What could I do to fix this?
Vertical Tabs Entirely Clickable
I am trying to implement the vertical tab functionality on my SharePoint site, but I am unable to figure out how to make the entire tab clickable as opposed to the title of the tab itself. On the default functionality (horizontal tabs) the entire tab is clickable, and I really need this same capability with the vertical tabs. Basically, I cannot click in the "white space" of the tab, only where text is displayed. Thanks! Please see attached code...The "Insert Code" button does not work for me :)
passing parameter between multipage jquerymobile website
Hi, I don't understand how to solve this. I have a single html index file with multi page navigation menu. My panel is loaded dynamically with this : <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en" data-ajax="false" href="#gtc?cat=2"></a></li> <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en" data-ajax="false" href="#gtc?cat=1"></a></li> <li><a id="nav_getGtc" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left" lang="en"
Jquery adapting scroller code
Hi, I have the jquery below which is being used in a worpdres theme, to control one page scrolling. I'd like to adapt it to meet the following condition only AFTER the page has scrolled.. if #id1 a OR #id2 a ="active" remove the class "active" from #id3 Hope this makes sense, many thanks for any help. the jquery scrolling code is /*-----------------------------------------------------------------------------------*/
/* SCROLL EFFECTS & HEADER
/*-----------------------------------------------------------------------------------*/
jQuery(window).load(function($){
'use
Scope in each()
Can anyone help me please? I declared a variable out of function. Then I used this variable beteen each() function. How can I get out of the function same result of variable "titulo" than local's "titulo"? Here the code. Tahnk you!! http://jsfiddle.net/#&togetherjs=LB5r8PApDq
Superfish submenu doesn't stay open on a tablet./mobile
Hi, I hope I'm on the wright forum, sorry if not. I use a template which uses superfish.js for the menu. The submenu doesn't stay open on a tablet. What can I do to leave the submenu on a tablet longer visible? see: http://www.extraleisure.nl/advies on a tablet. Please give me an example because I don't know js. I tried to set sf.defaults delay from 800 to 2000 but this didn't work. Please help me Thanks a lot. Regards Carla
Loading dynamic content and rewrite URL on Hashchange event with Jquery Mobile
I'm building a mobile version for my website using Jquery Mobile API. The framework provides automate AJAX navigation processing. But as far as i know it require "real" pages for loading purpose. What i want to do is override the automate navigation process of it and process the hashchange on my own. But i can't not rewrite the url using window.hashChange, which is running well on my non-mobile website version : $(function () { $(window).off().hashchange(function () { if (location.hash.length
Superfish WindowShopper steals .dialog(), resulting in exception Object [object Object] has no method 'dialog'
The following error appears on my website, when I want to show a dialog: TypeError: undefined is not a function (Chrome) Error: TypeError: $(...).dialog is not a function (Firefox)This is due to double including jQuery. The second one is not from my website, but included by the adware WindowShopper in the browser of some visitors. How to prevent this error? Example in jsFiddle: http://jsfiddle.net/fybJ3/ [I asked this question on Stackoverflow but got no responses] http://stackoverflow.com/q/24045676/3708485
On click event I am trying to get the data from XML as per the click object's attr() value
On click event I am trying to get the data from XML as per the click object's attr() value. Below I have placed two hyperlink buttons and a container for input the data. Both are having different attr() value. So I want to get the data according to these hyperlink's attr() value. Even I have created a XML with respective nodes.But unable to get the exact data. Can anyone please helpppp? here is the HTML, JS and XML code: HTML Code: <div id="uiWrapper"></div> <a class="readmore" href="mark">mark</a>
tinyMCE try validation in Cyrillic
Hello, I use jquery validation plugin. All is well.. Take data from the editor tinyMCE and filter it - all html tags with javascript function strip_tags(), analogue php. After I made clear the contents of the text of the tag needs to do a new filtering. Just new filtering the resulting text. $.validator.addMethod( "regex", function(value, element, regexp) { var editorContent = strip_tags(tinyMCE.get('content').getContent()); //alert(editorContent); var re = new RegExp(regexp); return this.optional(element)
setTimeout Trigger and Clear
Hi all I use HoverIntent to trigger a submenu appearing: $('[id^="showmenu_"]').hoverIntent({ over: makeTall, out: function(){ }, timeout: 100 },function(){ }); $('[id^="models_"]').hoverIntent({ over: function(){ }, out: makeShort, timeout: 100 },function(){}); Now the respective functions for the above are: function makeTall() { itemid = $(this).attr('id').split("_")[1]; $('[id^="models_"]:not('+itemid+')').hide(); // hide all other sub menu items $("#models_"+itemid).show();
Slider cookies
Hello, I'm using a slider, but i can't set cookies for it. I used my_getcookie/my_setcookie but there was no effect. See the slider source at this [link]. I want to set cookies to save the <li> slide that i changed last time. jQuery(document).ready(function () { $('#checkbox').change(function(){ setInterval(function () { moveRight(); }, 3000); }); var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height();
How to refresh/reload a slide out panel (jquery mobile)
I have this slide out panel with a comment form in it, after user submitted the comment form, a "THANK YOU" will appear, the problem is, after I close the panel, and slides it out again for a second comment, the "THANK YOU" is still there! I am expecting to see a new unfilled comment form. How do I have a fresh new original comment form to show up instead of the leftover from previous session? Code: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1">
.width() resize issue (ul positionierung)
Hi Leute! Ich habe bei meinen Menü leider 2 Bugs und komme einfach nicht dahinter. Zuerst mal der Link zum Menü: http://www.schraphics.at/menu/menu.html Ich kann den Code leider nicht auf jsfiddle bereitstellen, da das Problem dort nicht auftritt. Problem 1: Das zweite Untermenü (rot) wird nicht rechts vom ersten Angezeigt. Das Problem besteht in Chrome und Safari. (Ich wäre natürlich auch froh, das Problem ohne jquery lösen zu können, aber das erschien mir noch schwerer) Code: $('.first_sub').each(function(){
How can I control the panel dismissible area in jQM 1.3.0?
I finally figured out a couple of things that helped me change the with of a panel. I have a dismissible panel, positioned on the right side and I modified the default width, 17em, and made it 25em. However, when I click inside the panel, within the area of the 17-25em, the panel is dismissed. I could not find any visual element that captures the mouse click. I am inclined to believe that the dismissible area is predefined in Javascript, and does not update after I modified the CSS. Here is my CSS
jquery tab using jquery 1.7.1
Looking at following demo code from tabs ui Pasted that in Fiddle and set the jquery = jQuery v1.7.1 and choose the min jquery ui running the application in jsfillde, the tabs did not behave as they woudl using the latest version of the jquery library
where is id's necessary in a jqm project?
i am using jqm v.1.4.2, i understand the problem of using element id's in a jqm project because of possible id clashes. but two places i have not figured out to avoid id's. (1) filter input element. because this seems the only way to attach it to a listview. (2) page unless the page is dynamically generated by javascript. it seems to need an id for the $("#" + id).one("pagecreate") to work. otherwise, using a class name $(".someclass").one("pagecreate) first might slow down the whole thing because
How do I change maximumdate just for one datepicker
Hi I have 2 datetimepickers as shown in the code below. I use jquery.simple-dtpicker.js I need to modify the datepickers, so when you select an enddate, then the maximum value in the startdate is set to the value of the enddate. In other words, it should not be possible to select a higher startdate than the enddate. The challenge is just to set it for one datepicker - not both. In the file dates.html, I have added the datefields to the change event listener, but the maximumdate is not changes.
Jquery Slide in Car Animation
I have made a Jquery Slide In Animation of a car from left to right and i want to copy this animation link. I am able to slide in but this sample link is adding more animations on the car. Can anyone please guide me how to achieve the exact car animation. This is my code my code <div id = "wrapper" > <div id="mainContainer"> <div id="text"> <img id="Image_Car" src="http://i.share.pho.to/c43dc6d7_o.png" /> </div> </div> </div> $(document).ready(function () { bannerAnimation(); }); function bannerAnimation(){
How to get id as variable?
Hi everybody, I have the code <input name='t[]' type='text' id='a_$element' value='$value' /> $element is integer as 1,2,3 ... $value the value when I input Please could anybody show me : How can I get by id in jQuery?
Help with facebox positioning
I am using the facebox plugin that was produced a few years back. It works just fine but I am now trying to add a simple functionality to it and I cannot get it to work and don't understand why. I am trying to pass a setting to it so that I can affect the css position. I know where to put the css part and that works fine when I declare it directly. I have tried this, like some have posted across the web $.facebox({fixedPosition: 'relative'}); $.facebox({'fixedPosition': 'relative'}); // Tried
load
Hello, I have the following code: $(document).ready(function() { $("button").click(function() { $("#div1").load("demo_test.txt"); }); }); Running Google Chrome,nothing is loaded and I get an error message in the console: XMLHttpRequest cannot load file:///C:/Cursus%20XHTML%20en%20CSS/CSS%20-%20JavaScript%20-%20jQuery%20-%20XHTML/demo_test.txt. Received an invalid response. Origin 'null' is therefore not allowed access. Using the Firefox browser, it works! Can someone explain why? I am (still)
Is there special purpose for using .each() ??
we can also use this.... $( "li" ).addClass( "foo" ); **so why to use this ** $( "li" ).each(function() { $( this ).addClass( "foo" ); });
What is the technology used in the programming of this site http://arabi21.com/
What is the technology used in the programming of this site http://arabi21.com/
Why am I getting this error? (newb alert)
The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmaster@tdsjr82.reactioncpr.com and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request. Apache Server
Tabbutton not in container or even not visible at startup
Hello, We have made a dynamic tab code to show information from database. This is a lot of code to show here. The problem what we have is that sometimes the tab button is not visible or not correctly placed in the div container. If you resize the browser (IE8) then all the tabbuttons are placed correctly. We use jQuery UI 1.10.2 and jQuery 1.11.0. To fix this issue we do a resize of the div container and a refesh from the tabs but it is still not solved. Does somebody know a sollution for this problem?
Need to have jquery image carousel "resizeable"
On this page, http://www.webauthorsgroup.com/index2.html , I have a jquery image carousel but it will not resize when you adjust the browser size (which means it won’t be compatible with other devices). Is there some code I could implement to make this happen? Thanks in advance!
Need a smaller version of jQuery validate.js
I tried out the Query validator v. 1.12.1 plugin (by Jörn Zaefferer) and it's wonderful, however it is 39k. Is there a striped down version or a way to really make the plugin as small as possible to simply handle a change password form?
Chopping up document.URL: is there an easier way?
Hey guys - this is the short description of my question: My URL contains two query strings and (optionally) an anchor link. let's say for example it is http://www.ilovescript.ing/test/urlparsing.html?from=1&to=10#article2 Within the scope of this question I want to end up with a var that is just from=1&to=10 so I came up with these lines, but I am curious if it can done with less variables and code! var TheUrl = document.URL; // set current url as TheUrl var ChoppedUrl = TheUrl.split('?',
Selecting a menu item when in mobile view not working
Hi I am trying to figure out why the jquery script stopped working for the responsive menu view for mobile devices: @media screen and ( max-width: 768px) Basically, selecting a menu item in the drop down list when in mobile device view, is not doing anything: http://hushmagazine.ca/ With my limited knowledge of jquery, I figured out that this code calls the selection of the menu item: <select name="nav_menu_select" id="nav_menu_select"> <?php foreach($menu_array as $key=>$menu) : ?> <?php $selcted
How to include jquery from file
Hi, I have jquery in every page. part of the jquery is common so I though I will just put it in a file an include it in every page within the <script>, something like the include in php. is this possible? How please? Thanks
How to open a panel inside a centered area?
Hello, i try to let a panel open inside a centered body+page. In my projects the body+page is centered with margin: 0 auto, but in jsfiddle this doesnt work, so i made it with a fixed margin instead: http://jsfiddle.net/5fFGY/3/ But i think you see my problem. I dont want that the panel opens on the very left-edge, i want it to open on the left-edge of my body/page. Is this possible? Thanks
jQueryUI button canceling postback
Ihave the following to avoid double-clicking : <asp:LinkButton runat="server" OnClick="CreateQuery" OnClientClick="return CheckQuery();" ID="CreateButton" Text="Create" /> and in my .js file function CheckQuery() { if (submitlock) { return false; } submitlock = true; $('#CreateButton').button('option', 'label', 'Creation in progress ...'); $('#CreateButton').button('option', 'icons', { primary: 'ui-icon-waiting' }); // Some code return true; } In Firefox the postback is done properly and CreateQuery
Next Page