.button() initializer works on any HTML element
Hello all. There is a feature in JQM wherin you can initialise a button using Jquery as follows. $("button").button(); This will add the button styles to the button. Works fine! However the thing that bothers me is that this will work on any html element like img, p and span and about any other html element. Is this is bug and should I go ahead and report it? Cheers! Shreerang Web Developer Spatial Unlimited
Jquery Mobile + Isotope.js
Greetings, Does anyone have any examples of jquery mobile playing nicely with Isotope.js? Many Thanks, BenReb
How solve 304 response - not modified?
I am running the following script on the client-side and the script is failing to update, when there is change in the database. I debugged the script using DevTools and discovered my Jquery scripts are responding back as "304 not modified". Does this issue, indicate why the client-side content is failing to update. Note: If you require server code for further reference, please do let me know. if so, how can I resolve this issue. Please advice further. Many thanks. <script src="../Scripts/jquery-1.6.4.js"></script>
onload for all my image
Hi, I want to add a "onload="initCanvas(this)" for all my img. <img src="logo.jpg" alt="logo" / > become <img onload="initCanvas(this)" src="logo.jpg" alt="logo" / > thanks
Problem json returns null
Hello I am trying to use JPList with MySQL. I think there is nothing wrong with JPList but.... In server-json.php $statuses = json_decode(urldecode($statuses)); This returns NULL I splitted it up to: $statuses = urldecode($statuses); Returns: $statuses : string = "[{\"action\":\"paging\",\"name\":\"paging\",\"type\":\"pagination\",\"data\":{\"number\":\"10\",\"currentPage\":0,\"paging\":null},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":true,\"inDeepLinking\":true},{\"action\":\"sort\",\"name\":\"sort\",\"type\":\"drop-down\",\"data\":{\"path\":\"default\",\"dateTimeFormat\":\"\",\"ignore\":\"\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"title-filter\",\"type\":\"textbox\",\"data\":{\"path\":\".title\",\"ignore\":\"[~!@#\$%^&*()+=`'\\\"/\\\\_]+\",\"value\":\"\",\"filterType\":\"TextFilter\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"desc-filter\",\"type\":\"textbox\",\"data\":{\"path\":\".desc\",\"ignore\":\"[~!@#\$%^&*()+=`'\\\"/\\\\_]+\",\"value\":\"\",\"filterType\":\"TextFilter\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"views\",\"name\":\"views\",\"type\":\"views\",\"data\":{\"view\":\"jplist-list-view\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"themes\",\"type\":\"checkbox-group-filter\",\"data\":{\"pathGroup\":[],\"filterType\":\"pathGroup\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true},{\"action\":\"filter\",\"name\":\"colors\",\"type\":\"checkbox-group-filter\",\"data\":{\"pathGroup\":[],\"filterType\":\"pathGroup\"},\"inStorage\":true,\"inAnimation\":true,\"isAnimateToTop\":false,\"inDeepLinking\":true}]"
Superfish functionality
It seems to me that in a Superfish dropdown menu on touch screen it is not possible to dismiss a submenu with a second tap on its parent item - it is only possible by tapping anywhere off the menu or by tapping a different item to open another submenu. I am good with css but am not a jQuery coder. Would it be relatively easy to adjust the plugin so that a 2nd tap on the parent will close a submenu?
Dynamic active link not working
I'm trying to make my static nav menu have a dynamic active-menu class. At the moment if I click on one of my menu items the active-menu class works but I can't get into those pages. I know that it is the event.preventDefault(); that is causing this, but if I remove it then the active-menu class doesn't work. my menu <ul class="nav"> <li><a class="active-menu" href="#">Dashboard</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Content</a></li> </ul> My css .active-menu{ background:
jVectorMap changing colors with my code
Hello All, here below there's the code I've used to link the countries in my jVectormap. Now I would like change the colors of the selected countries , in this case are 'it', 'fr', 'de', I'm a newbie and not too much expert, can you help me? Thanks a lot ! <script> var countries = ['it', 'fr', 'de'] $(function(){ $('#world-map').vectorMap({ onRegionOver: function(event, code){ code = code.toLowerCase(); if(countries.indexOf(code) == -1)
JQuery plugin Query
I am using Jquery UI 1.11.1 version in my project . Do i need to add referance below plugin too ? <script src="@Url.Content("~/Scripts/system/debug/jquery.ui.core.js")"type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.ui.widget.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.ui.dialog.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.ui.button.js")" type="text/javascript"></script> <script
Refresh parent page after closing a pop-up
Hello Everyone, I have used fancy box jquery plugin for my popup. From the index page I am calling another page in a pop-up using Iframe. After button submit in the opened pop-up, pop-up get closed but the parent page values not get refreshed, I have tried all sort of options available against it, but not able to solve this. Kindly do help me to make this done. onClose: function () { alert("you have closed fancybox"); // project.empty(); }
My App To Do List, help in expanding it .
Hey Guys i recently sat and built this small app(more of a demo .. structural app) and now i wanna expand on the idea . Its a To Do list app . check the APP Link : The APP as of now ofcource you can see everytime you refresh , the task you entered is gone !!! Check The Code Code : The Code Some of the things i would like to do is : 1 Every Time a user logs in he should be able to add a task and the task should be saved in a database . (i don't mind learning PHP for this and SQL in the back end
how to change title
how to change title each number inside
Create forms dynamically based on a json data.
Here is my requirement. I have a json object, which is having a lot of properties, some properties are strings, integers & arrays. i need to create form( UI ) dynamically with the json data. there are 4 different types of form (UI). Which is the best approach to do this? I can create it with simple jquery. But i need a perfect way to do this. So that in future, if i want to add more types of form, i should be in a position to do with minimal changes, instead of modifying a lot of code. Any good
Load content dynamically
Hi, I'm trying to code a JQuery function, which views the content of a second html-page in the #content-div of my main html-page, when I MouseOver the link. When I MouseOut the link the #content-div of my main html should be viewed again. This is the code of my link in the HTML-File: <a href="" id="infojq">InfoJQUERY</a>Code in my javascript file: $(document).ready(function() { $('#infojq').mouseover(function() { //var x = '#content'; idea here was to save div-content in x.. //$('#content').load('magicpage.html');
Trying to use a tag-editor, without success :(
I'm trying to implement a tag-editor on my website, therefor I want to use the jquery found at: http://goodies.pixabay.com/jquery/tag-editor/demo.html So I tried making it work with this coding: <html> <head> <script src = "http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></ script> <script> $('#demo1').tagEditor({ initialTags: ['Hello', 'World', 'Example', 'Tags'], delimiter: ', ', /* space and comma */ placeholder: 'Enter tags ...' }); </ script> <script src
How to prevent contrlU using jquery
Hi , I want to prevent control+ukey .using jquery. means anyone press control and u key it shouldn't be work. i have code but it works only in firefox and explorer. following is code $(document).keypress("u", function (e) { if (e.ctrlKey) { return false; } }); why it is not working in chrome and how to correct it Regards Baiju
Move to top button
Hi there I am trying this tutorial http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery Why is it not working on my site? I have been trying this for whole day, I'm desperate :(
FeedBack Box Problem
hello, im sorry if i create this topic in wrong section but i really hope someone here can help me to figure it out and solving my problem. i put FeedBack Box in my HTML 5 web page. http://www.jqueryscript.net/form/Sliding-Feedback-Box-Plugin-with-jQuery-feedBackBox.html everything work fine but i can't submit my message to anything.i think i need to send data to one file with ajax and i don't know how. i don't know how to program ajax file and i really appreciate if someone here help me to find
jQuery JSON Form is only sending Pre-Poluated Values
I have a form. I have pre-populated the values using JSON/Web Service. Ex: <tr id=""> <td class="tleft"> <label for="nickname" class="fieldLabel"><span class="ui-small-text">Nick Name:</span></label> </td class="tright"> <td class="tright"> <input name="nickname" type="text" class="nickname" /> </td> </tr> Populated Using: $(".nickname").val(person.nickname); I am sending the form back to another URL using JSON. I verified that works by using a hidden field that isnt populated to see if its
how to change title website
how to change title website like using jquery
Problem from infinite carousel
Hi I have problem with my jquery for control from the below link. The photo not display for 5 photo. Thank you in advance jquery
Slider
Hi, I need your help. I have a slider so my participant can scroll the slider bar to answer some questions between 0 and 100 But, I want de number to be visible. What to I need to do? This is the part of the script if (($dscale[$a]==97) && ($slid==0)) { print" <style type='text/css'> .slider {font: 60% 'Trebuchet MS', sans-serif; margin-top: 25px; width:300px;} .slider_text {font-size:10px;font-weight:500;} .ui-widget-content { background: #bab0cc url($path/proq/images/images/ui-bg_inset-hard_100_bab0cc_1x100.png)
jquery mobile 1.4.4 custom build css
Hi: Has anyone tried to build custom jquery mobile? As I understand that one needs two css files theme and structure. If that's true, the combined theme and structure css files should be around the same size as the one in the jquery mobile non-custom build version. But I looked at the non-custom built jquery mobile. the jquery.mobile-1.4.4.css is a lot larger than the sum of jquery.mobile.theme-1.4.4.css and jquery.mobile.structure-1.4.4.css. Am I missing something? So far I have not been able to
Slide Effect Question
Ive been looking at the slide effect in the UI demo. Is there a way to make the slide effect instead of left-right toggle, use a right-left toggle? Thank You
custom page event
hi, i'me developing a small web app with jam 1.3.2 at the moment. i use the page events to define some query. but i also change the content of the pages via ajax in some cases and I need a new pageevent for it ;) I would like to define s.t. like 'pagescontentchange'. is it hard to define such a event? thank you for tips and best, heinetz
OAuth
I'm needing to ajax call Yahoo's Placefinder api with jQuery, I signed up for an api key but none of their examples show the use with jQuery, there is php, C#, ruby etc. I can't use the C# example I need to call it client side. Has anyone done this or is their an example anywhere? I cant find any on google. Thanks, Sam
How to Query Json data in Jquery
Hi, I have Json file in below format. I want to query this file based on datetime field and pick that particular event.can some help me. Thanks in Advance { "events": [ { "title": "Hi", "description": "Event1", "datetime": "new Date(2014,10,29)" }, { "title": "Hi", "description": "Event2", "datetime": "new Date(2014,10,1)" }, { "title": "Hi", "description": "Event3",
.not() not working as expected
I have a function that looks at a table and gets tr based on checkbox being checked. I then want to read the text in td's for each row, but skip the checkbox, which I added the class "checkbox" to something like this: addToPlan : function(){ var activeSites = ''; $('tr').has(':checkbox:checked').each(function(){ $(this).find('td').not($('.checkbox')).each(function(){ activeSites +='"'; activeSites += $(this).text()
Passing jQuey array
Hello I'm working on a control panel form. One of those fields is a selection of images from a gallery. I'd like to open the gallery in another page and do everything I want (upload, edit, delete images) and then, select the images I'd like to include in my post. I put all the selected files into a jQuery array called 'selectedItems'. Everything is fine here, the problem is, I don't know how to pass that array to the parent page... I mean, I have the post data into the page A (title, content, etc),
modified To Do List
I recently Modified My to do list , to look something like this . Find it here . You can enter an item and u'll see it appears below the Input area , now i'd like to add a small functionality to this thats , when ever i double lick any on the text To Do list , it would allow me to edit The text inside it . Possible ? would i have to use a Library or a framework to accomplish this ?. Thanks . Gautam.
highlight effect...display none problem
I have made a dropdown menu and when the user makes a specific selection I want this to be highlighted with a background color. So what I do is to addClass(with a background color) to the specific element and from there use toggle('highlight'). Here is the code: $('#timesfrom').addClass('tslothighlight').toggle( "highlight" ); #timesfrom is the ID of the drop menu. The problem is that when highlighting ends,jquery adds display:none which means the menu simply disappears-something I do not want.
Date picker in jquery mobile
Hi, Can anyone can give an example for datepicker for jquery mobile.? I have taken <input type="date"> (html5 control )to add in my application. But the problem is, I am unable to update the value in to that textbox. Usually we do as document.geElementById('textboxID').value= our result; But when I am updating the <input type="date"> textbox its not updating. Any help.
Change background image of the site for each navigation menu smoothly using jquery
I use javascript function for each menu and call that function onClick event. What i face is the image is not changing smoothly, Some times its loading slowly. Lets consider 2 links each link calls a function for changing the background of the body This is how i change now function events(){ $("body").css('background-image','url(./wp-content/Uploads/img3.jpg)'); } function projects(){ $("body").css('background-image','url(./wp-content/Uploads/img2.jpg)'); return false; } Projects Events
How to Have Code Not Get Rendered Inside the Textarea?
How to have code not get rendered inside the textarea? When using <pre></pre>, <code></code>
Event for text box for coming value from date picker
Hello I am new member of this forum, and this is my first post here.. :-) i have one problem.. i have one date picker by selecting date, that date is coming into text box. Now i need to update span text when value coming into text box of date. i used <input type="text" id="start_date" value="start_date"> <span id="StartDate"></span> $('#start_date').on('change keyup keydown click paste', function() { if ($('#start_date').val() == '') { $('#StartDate').text(Date');
initialize on jquery
what is mean initialize jquery
Using button to change value
Hi folks, i'm currently working on a 360° view using the reel.js plugin (reel360.org) - i'm trying to use a simple button to change the image folder or range.. the button does not do anything, what am i doing wrong? Code: <html> <head> <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script> <script src='images/jquery.reel.js' type='text/javascript'></script> <script> $(function () { $(document).ready("#change").click(function () { $("#image").attr("data-images",
Droppable tolerance touch problem
I didn't know how to formulate the question, so suggestions about the name of the question is advised :D. So basically I have a grid(the main droppable container), consisting from elements 20x20px and in order to snap the draggable in the conrainer according to this 20x20 elements I need to use the SnapTolerance to correct their positioning inside the grid. for(var i=1; i<=15; i++){ $('#box-' + i).draggable({ revert: "invalid", stop: function(){ $(this).draggable('option',
Selecting forms in divs
Hello all, given a selection of divs: $divs ..can I do this: $divs.find("form").submit(function (q) {...}); ? Thanks in advance! jQuery Ajaxify Plugin: http://4nf.org/
Jquery BlockUI plugin adding Detach DOM elements in Document Fragmentation
While investigating a memory leak in IE11, using the developer tools I found some DOM Detach elements. After doing further investigation, inside I found Document fragment sections where some HTML nodes were still retaining memory and not being garbage collected. Here's code from the BlockUI plugin var s = "Some Div tags" var lyr2 = $(s); $() is adding in document fragment I am using jquery 1.7.2 version, assistance appreciated Please find line numbers . https://github.com/malsup/blockui/blob/master/jquery.blockUI.js#L293-L326
Next Page