Problem with basic panel
Hi, I am just starting with JQM and am trying to have a basic sliding panel work but as soon as I add the panel to the code (see here below), I obtain the following error "cannot read property 'options' of undefined" and the page does not display at all (the loading icon is the only thing I get). Could you please tell me what's going wrong? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
How can I do this.
I have a problem that I don't know how to solve. I have got some suggestion from this forum but none of these has worked. First of all when I click on a div I pass data to JQuery_UI dialog in this way this.id is 10_100_3 $("#dlgBooking").data("id", this.id).dialog({ width: 230 }); It's now the problem starts The dialog that is displayed looks like this. It a vertical menu styled with CSS. <div id="dlgBooking" title="Booking menu" style="display:none"> <ul
Script from book not working
book: jquery:cookbook. (function($) {
$(document).ready(function() {
var months = [ 'January', 'February', 'March', 'April', 'May',
'June', 'July', 'August', 'September', 'October',
'November', 'December'];
$.each(months, function() {
$('#months').append('<li>' + this + '</li>');
});
var days = { Sunday: 0, Monday: 1, Tuesday: 2, Wednesday: 3,
Thursday: 4, Friday: 5, Saturday: 6 };
$.each(days, function(key) {
$('#days').append('<li>' + key + ' (' + this + ')</li>');
}); }); })(jQuery);
Resizable aspectratio bug?
I'm having a problem where if I set a div to be resizable with the aspectRatio set to true and contained in another div. If I drag past the north/south west side of the container div the inner div simply shrinks to zero. Dragging straight west will break containment but won't shrink the div. Here is a simple demonstration: <div id="container" style="height:600px;width:600px;"> <div id="inner" style="height:100px;width:100px;background-color:black;"></div> <div> <script> $(document).ready(function()
HoverIntent plugin to open menu flyout and keep it open if the cursor is still over the flyout
Hello, I am using the HoverIntent plugin. For the most part, I rather like it. It seems to be well written and provide some solid functionality. My issue is largely my lack of a solid JavaScript/jQuery background. I'm not sure of the best way to go about making the integration of the HoverIntent plugin and the jQuery Menu work as my boss wants. A real brief idea of what we need; mouse over an element and a corresponding menu flyout opens. If you do not mouse over the menu flyout, it closes after
Is it possible to extend this plugin?
Hi , I´m using this plugin http://sharrre.com/ and trying to extend one of its functions Following this post indications https://forum.jquery.com/topic/jquery-recommended-way-to-overload-jquery-method e.g.: extend the String object String.prototype.trim = function() { return this.toString().replace(/^\s+|\s+$/g, ""); }; But I can´t get it, I wonder if it will be possible..
Multi radio button selection event firing
I have gota a form with 2 questions, each with a radio buttons. When I click on a radio buttons either of the questions, I want the event #edit-next to fire, which will make effect on the drupal form at the moment when i click on 1 questions radio button the event fires but i want 2 radio buttons 1 from each question for the the event to fire (function ($, Drupal, window, document, undefined) { $(document).ready(function() { $('.form-radio').click(function() { $('#edit-next').click(); }); }); })(jQuery,
Problem with an image slider.
Hey guys, I made up this image slider: <script> $(document).ready(function() { $(".slider #1").fadeIn(500); $(".slider #1").delay(5500).fadeOut(500); var sc = $(".slider img").size(); var count = 2; var intervalVal = setInterval(function() { $(".slider #"+count).fadeIn(500); $(".slider #"+count).delay(5500).fadeOut(500); if (count == sc) { count = 1; } else { count = count + 1; } }, 6500); }); </script> It works great, there is only one thing I would like to change. I would like to add a .hover(function(){});
Treeview auto node expand on page load
hi, I will greatly appreciate you for answering the following i am using treeview menu from http://www.lateralcode.com/jquery-drop-down-menu http://demo.lateralcode.com/jquery-menu/ http://www.lateralcode.com/wp-content/uploads/jquery-menu.zip How I can expand certain tree node for the page being loaded/opened ? currently my tree menu working example is at http://www.apparelnbags.com:8000/treeviewNew2.aspx Thanks in advance, Shujaat Kagathra.
jQuery Cycle plugin: combine transition effects?
Hi, I’m using the cycle plugin to try to create a 'layered reveal' type of image cycle – something like this: http://i.imgur.com/udnFqja.gif. The effect is created by having a slideshow which is made up of three identically-sized jpegs, each containing one frame of the loop. So far, I have the left-to-right transition working perfectly, but I need some way to get the faded edge on the images as they move. Is there any way to do this within the plugin itself, by combining transition effects? Alternatively,
sequence of events
Hallo, I'm using the autocomplete widget in a HTML document. I added a change event handler to the widget. The source code looks like this: $("#id_of_autocomplete_widget").autocomplete({ ..., change: function(event, ui) { ... }, ... }); If I type text into the widget and blurs it a change event is triggerd and is processed correctly by the event handler. In the same HTML document I also added a submit button: <INPUT ... type="submit" onclick="openConfirmationWindowFunction(0)" ... /> When I enter
Lightbox2 in iframe. Open photo in Parent Window
Hi I am using Lightbox2 (http://lokeshdhakar.com/projects/lightbox2) in an iFrame. I wonder if a form of the entire image appears on page where the iframe. (Parent Window) Can anyone help? Thanks.
how to make a link colored when it is clicked
Hi to all,Please see this http://jsfiddle.net/mCVKt/ this is part of my full code.Actually i wanted to highlight only that link which is coloured. Suppose list1 is clicked then it will have different colour from the other links. Now if link2 is clicked then link1 will be having original color and link2 will be having different colour. can any body suggest me a idea to this
how to make header in jquery mobile
Hello can you please tell how to make header with (text left side ) and button on right sides Thanks
drag the div along with arrows
Hi team, I have a divs dynamically created on my page and they are connected by the arrows, arrows can be bidirectional as well. I have created the arrows using the svg and now when i drag the div , arrows are not getting dragged. for dragging the div i have used the Jquery Ui draggable Could any one help me with any solution Thanks & regards Sai krishna
How do i retrieve Data from a form (inset with form) to a table
Hi all, Im kind of new to the whole Jquery. i am able to make a inset with forms but then i want to retrieve the inputs from the forms and put it into a table underneath the input forms. how the hell do i do that? :P or does anybody know a good tutorial on how to do that? thnx in advance
How do I get the information from a div after a have used Jquery-UI dialog
Here is the problem. I have a html table that I create dynamically and here I have a div within an td where I have some attribute with information. I associate an event handler to my div by using the id in this way. $('#' + track.id).click(function () { $("#dlgBooking").dialog({ width: 230 }); }); So when I click on the div the associate jQuery-UI dialog is displayed <div id="dlgBooking" title="Booking menu" style="display:none">
change index in sortable UI - help me out
Dear friend looking on this Demo:http://forresst.github.io/demos/sortable/en/index.html In my application I am using the same with the touchswipe js api. In this demo whenver we are dragging an element say "item 6" to the position "item 2" every element on the list get shift one index down. However, I am luking for the solution just to Interchange the image on drop and rest of the elements position remain same. Help me out
Memory leak or wrong code
In one application we're developing we're facing a serious memory leak in pages where the content is refreshed periodically. With the following sample HTML the leak can be seen with Chrome developers tools. Please mind that this is just an example (that still shows the leak though), the actual refreshed content comes from a server with a Ajax request, it is much bigger and the leaked memory is way larger. I'm wondering if replacing the content with .html() and recreating JQM with .trigger("create")
veeravi@vsnl.net
When learning JQuery from W3Schools.com,the Try it yourself examples do not work when copied and pasted into an externel HTML file.Please guide how to use Jquery.
page part transitions
Hey, i have an Accordion and want to change in the second area the steps. I use the normal jQuery function fade but it don’t work smooth on mobile devises. Faithfully i want to use the transition effect from jQuery Mobile slide but i don’t know how. JavaScript: $('#step1').fadeOut(500); $('#step2').delay(500).fadeIn(500);HTML: <div data-role="page" id="page1"> <div data-role="content"> <div data-role="collapsible-set" data-theme="b" data-content-theme="c"> <div data-role="collapsible"
change Mouse position using scrpit
How to Change mouse position from one place to another place when keydown event is triggered using jquery or javascript?
Application scrolling
Hello. I have a problem with jQuery on WP8 and need help. <div data-role="page"> <div data-role="header" data-position="fixed">...</div> <div data-role="content" id="test"> <ul data-role="listview" data-inset="true" id="news_list" class="list-default list-vendors list-bottom"> <li data-icon="false" class="list-row"> <a href="#article"> <div class="row"> <div class="title"> <h3>Pervij</h3> <span
Only Execute jQuery on Homepage
Hello all! First, just want to say thanks in advance for your help with my question! I'm and VERY new to jQuery.. I have a WordPress theme I'm using, and it there is a piece of jQuery that I only want to be executed on the homepage. Here's the code I'm wanting to execute: $('.collapse').collapse({ toggle: true })In other words, if it's the homepage, I want to execute what's above, "else" I want to make toggle: false How do I go about doing that? Thanks so much in advance for your help! Please let
Problem using Jquery validation plugin
I am trying to use Jquery validation plugin in my project. but seeing following error as soon as I click in text field: TypeError: i is undefined
Phonegap - JQM - page flicker / content flicker when ther is dynamic data
I am using jquery-1.9.1.js and jquery.mobile-1.3.1.js . I had issue with the page flickering on page transition, I used $.mobile.defaultPageTransition = "none";. But it stopped displaying dynamic content of the page. transition for the dynamic content is not correct.
Css gets confused when using Jquery drop down along with Jquery UI
Hello freinds; I use Jquery UI for datepicker and a few other things in a site. I needed to style the drop downs so I used dropkick Jquery. But when I use drop kick drop down it strangly adds inline CSS to some elements! For example in the link below div class star shows as <div class="stars" style="display: none;"> But in my code it is NOT display none! What should I do to fix this? Thank you http://hotels2go.com.au/results_nick.php?city=Sydney&search_type=destination&search_id=2&hid=&pid=&checkin=28+June%2C+2013&altFormat=&nights=1&adults=4&children=0&room_type=any
How to validate as input as Number using Jquery?
My code: <!DOCTYPE html> <html> <head> <script> function myFunction(value) { alert('Is it number'); if(isNan()){} } </script> </head> <body> Number: <input type="text" name="FirstName" value="Mickey"><br> <button onclick="myFunction(this)">Click me</button> </body> </html> Is it possible to validate the input as number only?.User enters a non number it throws a alert"Its a non number".
Piclist validation using Jquery standard validation plugin
Is it possible to validate the picklist field using Jquery standard validation plugin. If the picklist is '-None-' or 'null' it throws the error mesaage.Is any one help to get this answer?
How can i call a java script function when a specific field is valid only
How can i call a java script function when a specific field is valid only
scrolling marquee in address bar
Is this something that is done in jquery. If so how is it done.See link below. http://tutorials.oohcamila.com/
Need jquery slide menu to open upwards and change nav button on open
First, I am trying to get this navigation menu to open upwards. I don't know if this is a CSS issue, a java issue or an issue with the html. Secondly, I would like for the 'Site Navigation' button to change text once the menu is open to say 'Close Navigation'. Any help would be greatly appreciated. Thanks in advance! Here is the what I have: Java Script: <script src="Scripts/toggle.min.js"></script> </script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle(300);
Floating Div Issue Not Working on Phones
Hey all, I am having some issues with banners I have put on my site that are fixed and non scrolling as you scroll down the page. It works fine in everything except mobile phones! When viewing them on phones the banner will shift right over and hide the content of the page when zooming in. How can I get this to stay in the column it's at? You can see my fixed banner on one of my pages here: http://www.yurtopic.com/society/people/world-festivities.html You can see all this code in the source code,
electronic signature
If not, what does it take for jqm web form to handle electronic signature?
animation between the tab show and hide effects (jquery 2.0.2 & jqueryui 1.10.3)
I am trying to perform an animation after the hide effect has finished but before the show effect starts. I already tried the beforeActivate and activate events. But sadly enough the beforeActivate is triggered before the hide effect even started. And the activate is triggered after the show effect finished. So here I basicly have the basic start setup. But seeing I have no idea how to continue to implement an animation between those 2 effects. It's just a basic setup for the tabs to work with the
Convert this code to JQuery
Hello; I need this code to be converted to jQuery, any help is welcome : function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var shownow = hours+minutes+seconds; return shownow; } window.addEvent( 'domready', function() { $$('.like-{$id} img').addEvent('click', function(likeit) { likeit.stop(); var ajax = new Request({ url: '{$like}'+'&time=' + showtime(), method: 'get', noCache: 'true', onRequest: function(load)
Fixed Non Scrolling Banner Not Working 100%
Hey all, I am having some issues with banners I have put on my site that are fixed and non scrolling as you scroll down the page. It works fine in everything except mobile phones! When viewing them on phones the banner will shift right over and hide the content of the page when zooming in. How can I get this to stay in the column it's at? You can see my fixed banner on one of my pages here: yurtopic.com/society/people/world-festivities.html You can see all this code in the source code, generally
Accordion in content page disable the Accordion Menu?
Dear All, I am building a site for a client using Shape5 template. A couple of page with Accordion contents will disable the Accordion drop down menu (site link, there are accordion sub-menus under About Us, IPD, GERSMC ). I can not figure out a way to fix this. Please help! Thank you so much in advance. Tony
non blocking UI repeating a function
Hi, i have this liltte function : function Button3_onclick() { if (j > 5) { changebackground(); j = 1; } else{ j += 1; movebackgAround(); } } movebackground affect the background-position property and changebackground do other animations stuff . now how to execute this code forever but without blocking the browser, i have tried with a callback but it block and freeze thanks and good day .
iScrolling while not clicking links
So how does one deal with iScroll in situations where links take up a lot of space, or for YouTube embeds etc.? I came across the stuff below, but is there a better way? I'm using jQuery Mobile 1.3.1 with iScrollView 1.3.2. Invisible overlay which relays clicks: http://stackoverflow.com/questions/15248970/iframe-prevents-iscroll-scrolling-on-mobile-safari I quite like this, although the overlay CSS can be tricky. Looks kinda messy: http://stackoverflow.com/questions/8965488/how-to-not-click-a-href-while-dragging-in-iscroll
Next Page