Isotope filter not working - please help
Hi I would like to filter the posts on my wordpress based page by using jquery.isotope.min.js I see that script is loaded correctely (via footer.php). Code looks as following: <div id="filters_sidebar" class="well"> <a class="filter_sidebar filter_header" data-filter="*" href="#">RECENT</a> <li> <a id="acties" class="filter_header-sub filter-data" data-filter=".acties" href="#">Acties</a> </li> acties is an existing category slug however when i click this link nothing happens hope that someone can
Cycle2 - pager with custom pager buttons and mouseover event
I am working with the cool, responsive cycle2 plug in and am having trouble replicating something that worked fine using the original cycle plug in. I can't get the my custom pager to work properly in two areas: creating the pager buttons below the image, and getting the pagerEvent: 'mouseover' to work. The images fade just fine and are nicely responsive, but I can't get the pager buttons to work. Here is my code: HTML <h1 class="banner"> <div class="cycle-slideshow"> <img src="images/banner1.jpg"
jquery mobile list view link problem for experts
Hi everyone Im using jquery mobile to build a custom theme. Ive got everything working there is only one issue. Im using mappress to display business location data. When i add a map to the post then the listview in jquery mobile works, but im not able to click the link to the post. If i remove the mappress map from the post then the link works fine. For example in a listview i have 5 posts with custom post type and custom taxonomy query. if i add maps to 2 of those posts you will find the other 3
PHP array post to MySQL?
Hi! I've created a dynamic form that can be cloned via jQuery. I'm trying to figure out how to submit the cloned child elements into MySqL using PHP. Can someone help me out with the following form? Thanks in advance, Jack <form name="TimeSheetForm" action ="include/process.php" method ="post" onsubmit="return validateForm()" > <fieldset id="timesheetDetails"> <legend class="legend">MyTimesheet</legend> <div class="form"> <ul class="replica"> <li><label class="inside">Date:</label></li> <li><input
UI Tooltip - how to keep it visible?
I want to keep tooltip open, when i hovering it.
jQuery/ Ajax Sample API call to present data
Hello! In an effort to start viewing some data using freely available APIs - I wanted to use JavaScript/ Ajax. I found jQuery and want to start using it for the same - then use for more UI manipulations (to present data).. I found a sample script online that I understood to be a simple script for making a GET call to retrieve data using this API.. It also has the different callbacks implemented so I am able to see the sequence and failures. There are TWO things I'm trying to fix 1) result of the
How to render submenu in multiple columns
Menu has 3 levels. First level has only single item called "Show all". Second level contains product categories. Third level contains subcategories. There are no more menu levels. Subcategories must displayed horizontally. I tried jquery ui menu menu widget to implement this. Subcategory is displayed vertically. How to change this so that subcategories are displayed horizontally? Can jquery ui patched for this or is there some other control which allows this. Submenus must opened on mouse hover.
DatePicker and ui-state-hover
Hello, Seems that someone already reported on this a few years ago but the problem, if it is a problem, remains. To recreate the problem, create a DatePicker. I use the following code: var now = new Date(); $(".datepicker").datepicker({ defaultDate: now, maxDate: now });Then in the widget go back one month by clicking the left arrow in the top left corner and select (click) any day. Then go forward to the original month by clicking the right arrow in the top right corner
Space between Images
I would like to eliminate the space at the right side, between the pictures in the data-cycle-fx=scrollHorz jquery using 4 pictures.
(Q) How to insert image into div?
Hi, I'm newbie in Javascript. This is my html <div class="slider"> <a href="" class="thumbs"><img src="images/1.jpg" /></a> <a href="" class="thumbs"><img src="images/2.jpg" /></a> <a href="" class="thumbs"><img src="images/3.jpg" /></a> <a href="" class="thumbs"><img src="images/4.jpg" /></a> </div> <div id="show"> <img src="images/1.jpg" /></a> </div>How can I insert image from <a><img> to replace <img src="images/1.jpg" /></a> inside div id-show Thanks and
How do I change the class of the previous parent last-(or first) child
Hello, I have code such as follows. I have labeled them with their correct indexes. I understand that the first ul tag is index 0, the second is index 1. I understand that the li is index 0 - 5 in each of the ul's. I have these set as buttons so when you click on them it removes a CSS class and then adds another CSS class. However due to scope if I click on the first-child in the second UL (or index 1 UL as labeled below) I cannot change the class of the first UL (Index 0 UL) last-child by
loading data
Hi If anybody could give me some advice I would be extremely grateful. I am in the process of creating a recruitment app and I am having some problems accessing a data file from this URL http://www.vetsonline.com/annonces/rss.php?idp=18&id_rss=80&site=14&page=accueil&c_texte=&c_secteur=&c_type_transac=&c_type It seems to be a php file. Can i access this data from jquery and what is the best method to achieve this. Before I do any thing I would like to console.log the data so I can read it but im
jquery mobile fix footers not really fixed
So I have a webpage I made using jquery mobile with some graphics that are about 700x650 pixels in size. Its target is for iPad so I know that at that size, they should fit fine on the screen without having the scroll or anything. Now the footers have a data-position="fixed" but I've noticed that they show a little bit of the page background when they are first loaded but when you tap the screen, they then sit at the bottom of the page, as a fixed footer should. Any ideas on why this is happening?
Showing on selected pages
Great forum, and want to thank Jake for the reference earlier, and now have another scenario. If a slider code is imbedded into the index file, is there a way to only run it on certain pages ie. index only ?
SOLVED: Using jQuery-ui Tooltip with dynamic ajax content on click instead of hover
I'm trying to implement this in a template where a variety of items may have the class assigned to implement the tooltip. I have had success getting the tooltip on click only, and some success on getting the tooltip populated with ajax of the url is fixed, but I can't seem to extract the url from the link and get the content for the tooltip from that link and have the tooltip work on click rather than hover. I had success doing something similar with dialog. I added a rel property which contains
{Solved} send huge pararmeters information from jQuery using $.getJSON(url, function(e)); and $.fileDownload();
Hi All, Could anyone provide me inputs how to send huge information in request using $.getJSON() i resolved this kind issue in another scenario with $.ajax{ by adding data: parameters}; i tried to using, $.get(, $.post(, $.postJSON(, $.getJSON(url, parameters, function(e){ }, "JSON"); While taking the values to next level, it's been struck in Jquery for maintaining this large data. Help me to, How can i resolve this..
Trouble understanding $()
$(document).ready(function() { $('#bluebeans').click(function(){ $('.redbeanpic').fadeOut(200,function(){ // only then fade has finised, set index to 3 $('.bluebeanpic').css('z-index', '3'); $('.redbeanpic').css('z-index', '2').show(); }); }); $('#redbeans').click(function(){ $('.bluebeanpic').fadeOut(200,function(){ // only then fade has finised, set index to 3 $('.redbeanpic').css('z-index', '3');
jsonp - cross domail issue in jQueryMobile
Hi, I was working on jQueryMobile sample app in Visual Studio. I need to populate a jQueryMobile ListView, and the data is getting from a remote server, using a web service. But my ListView is not populating. I am sure the issue is of cross domain, but I am using jsonp to get the data. But the issue is still there. Please help me. Here is my code. <!DOCTYPE html> <html> <head> <style type="text/css"> li span { font-weight: normal; } </style> <title>Sample App using jQuery Mobile</title> <meta name="viewport"
Using jquery mobile components in zurb foundation
I have planned to use Zurb's foundation css to do responsive design. But I also want some JQuery Mobile components. Has anyone successfully combined JQuery Mobile Components into a Foundation site? Any help would be truly appriciated. Thanks in advance!!!
Database driven select list
Ok so im trying to get a dynamic select list. Which i have done with php. My problem that i have been trying to figure out is this. The values listed in a select list are very basic in html as we know. I have a application i am trying to mimic which looks like this. Notice the select box when selected shows the "code" from the dropdown. BUT the dropdown shows the code with a description of what the code is for. My database has the same information code and description. Im fairly good with php but
jQuery Timepicker Question
I am trying to get the Trent Richardson Timepicker up and running. For the most part it is up and running, but I've one problem. My datetime input is set up as follows: $("#startDate").datetimepicker({ showSecond: false, timeFormat: 'hh:mm:tt', hourGrid: 4, minuteGrid: 15, stepHour: 1, stepMinute: 15, hourMin: 8, hourMax: 20 });That works great, the control is working. I can select a date from a calendar and use hour and minute sliders to choose the time. Now
CRUD
Hello I'm trying to figure out why I can't get my app to edit or delete. It will save to local storage with a key but no value. I would really appreciate any help with this asap. Here is a link to my Git hub https://github.com/awacs68/ASD/tree/master/week3 Thanks, Mark
Cascading Menu with touch-hold-drag-release
The menu would operate like so... touch and hold (expand hovered item's sub-menu) keep hold (keep menu open) drag (highlight items under finger and secondary expand of new sub-menus) release (close if off a link or go to specific link if finger is over it). I was curious if there were any pre-built components for this type of interface. Thanks
How to test an input value after inputing?
I have got an answer form jakecigar to test the existing value of input elements. But how can I test value after the user changing the value of the input? For example, if the user input value is "John", then the background color of the input change to red.
Total beginner looking for guidance on transition effects
Hello all, I am a total beginner with this, and appreciate any advice given. Playing around with the following code from an older site on the local server, which simply fades images in/out and was wanting to modify so that it would slide left to right. Should most of this be scrapped in order to make this happen ? var howOften = 4; //number often in seconds to rotate var current = 0; //start the counter at 0 var items = new Array(); items[0]="<img alt='image1' src='slider/slide-1.jpg' height='469'
How to test an input value
I want to test if a user input a certain value like “Jhon”, then change the background color, I use the script below: $("input:contains('Jhon')").css("color", "red"); But it didn’t work! How can I do ?
Remove "display: none" inline style
So I created a super simple jQuery script, my first. Just learning jQuery. It's a simple toggle menu that kicks in for small screens: jQuery(document).ready(function($){ // Show/hide the navigation $('.menu-toggle').click(function() { $('#menu-secondary').slideToggle(150); $(".menu-toggle a").toggleClass("show-x"); }); }); #menu-secondary slides down when you touch the .menu-toggle, which is a little square image. I change the class on .menu-toggle, so that I can reposition a sprite image to make
Access to methods of the plugin, after selecting an element...
Hello, I tried to find an answer but can't find it. So I have a plugin and add it to an element by: $(":input").tooltip(); Everything works fine. Now I want to select one of the input fields an call a method of the plugin. So: // Select Element (I have the id) var input = $('#myInput'); // And calling a method input.myMethod(); But it is not there. What is my misstake? The code of the plugin: $.fn.tooltipo = function(optionen){ // ..... some code this.myMethod = function(){ console.log("Bing");
Problem with listview
Hey there, is it possible to make a listview in jQuery Mobile without the icon on the right and centered text. I removed the icon with data-icon="false" but there's still some space on the right of the listview so you can't center the text. hope you cant help !
HTML5 Crossbrowser Development - JavaScript interpreter speed
Hello, I have developed a browser game with javascript and html5 which i would like to publish as mobile web app. My main game is drawed in a canvas object. Sadly it only works correctly with Google Chrome 25 now! The reason is that in other browsers (tested with Firefox 19 and Opera 12.14) the animations are much too slow. The main game loop which invokes the methods for moving objects and drawing objects on screen is called endless repeating by a setTimeout-command with a 20ms delay. I dont understand
Mobile Web App with data-role="page" problem with browser access to server - offline working!
Hello, at time I am very wondering why my JQuery mobile apps are working offline without any problems in my browser - but not at the server! The files are all loaded correctly - that I have seen in firebug! When I load the online page in any browser it shows a destructed structure with all html element of the whole html page together on a white page. The layout is not rendered with JQ mobile. Do you know what my problem is here? Many thanks in advance! My index.html pages always have the following
Problem with .remove()
Hei jquery community, I cannot handle the following problem: I created a div of class "bubble" using jquery. In this bubble, I appended the response of an ajax request, which consists basicly of links. By clicking on one of these links, an event is fired. This event is suposed to do two things: 1) remove the bubble: $( 'div.bubble' ).remove(); and 2) load anothed bit of data that is meant for further processing in the page. The second one works fine, but the first one doesn't. Here some code snippets:
Major performance problems with Selectable
Selectable seems to work fine only as long as there aren't many elements to be selectable. With 50 elements performance is terrible, with more (I needed ~500) $('#selectables').selectable() really takes it's time - on a fairly decent hardware Chrome 4.0 takes over 30 seconds and Firefox 3.6 over a minute (but tends to crash). Any ideas?
Running an if else statement which changes the text on the button when it is clicked
Hello, I am developing a dropdown box which is open and closed with a button and I would like the button to change the text from open to shut when it is clicked. I have written the code to do so but the problem is that the code doesn't start executing until the second click which causes the text to be the opposite of what i want it to be. Here is the code I have so far. You can also check out it in action at https://googledrive.com/host/0B0ATHPRjoZ2ZWFhxaDJvNHN4blU/ (For some reason Google Drive
need help sending $_GET info through ajax/jquery.. i think..
Hello, So, bear with me cause I've only been doing this a month. I've been trying to create a site for a comic I'm working on and I already have a register/signing framework, a forum framework, a comic display framework. Now I'm working on fleshing out a link that allows any viewer (registered or not) to view the characters in a horizontal carousel and when they click on them, have a div pop down that has information correlating to the image they pick. I set up two databases, one to handle to photo
make $.get('url') work in IE 6
My plugin uses $.get('url') , this is not working in IE 6 . Please advice how to make ti work in IE 6. Its working in IE 8 but not in IE 6 .Please help me.
jquery mobile app closes in android
Hi I have developed the android app using jquery mobile with phonegap.When i continuously started to use the app,suddenly after it reach 60MB my app closed and showing JNI error in the logcat.Please guide me where i am wrong?.Please help me to solve this problem.
jquery dialog plus browser blink
I am using inactivity timer plugin to log out when inactive. This plugin puts a dialog with message you session will logout soon. I also want to blink the browser so that users knows this tab or windows has a message ? Please advice. (function($){ $.fn.idleTimeout = function(options) { var defaults = { inactivity: 1200000, //20 Minutes noconfirm: 10000, //10 Seconds sessionAlive: 30000, //10 Minutes redirect_url: '/my/app/inactivitySignOut', click_reset:
Fault inside JQuery 1.9.1 in IE9
I have a web application which has jQuery loaded, but does some manipulation of DOM objects directly. When upgrading to 1.9.1, this application causes jQuery to fault when run inside IE9 in Quirks mode. At line 2627 of 1.9.1, the code involved is: // href/src property should get the full normalized URL (#10299/#12915) jQuery.each([ "href", "src" ], function( i, name ) { jQuery.propHooks[ name ] = { get: function (elem) { return elem.getAttribute( name, 4 ); } }; });The "getAttribute"
how to pause the script in content when call $(dom).html(content)
I have impl such function. function swapElementContent(el1, el2) { var tempContent = el1.html(); el1.html(el2.html()); el2.html(tempContent); } it works, however, the scirpt in el1 & el2 will be executed! that has some side effects. so is there any ways to void the script be executed? or is there any other impl to avoid it. I am tring to impl with inner html, however, it may have cross browser problem?
Next Page