AJAX/JSON
is there a jQuery JSON example with a more complex JSON than this one? http://api.jquery.com/jQuery.getJSON/ I need to leverage a JSON that is a bit more complex that this...;-) would appreciate it someone could point me to an example anywhere with a more complex JSON.... thank you very much....
Trying to get link Hover animation to stay if clicked.
I have a menu bar made from a <ul> list that if you hover over a link, the tab for that link rises up, just like it would on a mouseOver. And, the tab drops back down when the cursor is moved off it, a mouseOut. If you click on the link while in hover, a div will slide out below. To get rid of the div, one would click the "Hide" link inside the div. What I'd like to do however, is if a link is hovered over, which raises the tab, if it is clicked and displaying the slide out div, I would like the
executing specific javascript on specific pages
Hello and good morning everybody. I am developing a mobile version website with JQM 1.2.0, and I need to execute some specific javascript only on specific pages. My problem is: how do I get JQM to recognize which page it is on and so having it execute only the javascript specific to that page? In the desktop version I used a page template with a main div whose ID is "page" (literally): <div id="page" data-role="page"> ... main content, generated by PHP, accordingly to URL path ... </div> So, strategy
Draw a Windrose
Hi, does anyone know, how can i plot a windrose? at this time i use jqplot for my graphics, but i found no solution to create a windrose like this here: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-wind-rose/ i dont like the licence terms of highcharts. perhaps anyone have a nice idea. thx and regard
Why script doesn't work
Hello dear jquery people. I'm new in jquery I have some code: My index html: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <link rel="stylesheet" type="text/css" href="test.css"/> <script type="text/javascript" src="jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { (function ($) { //тут превращаем select в input var id = "test", $id = $('#' + id), choices = $id.find('option').map(function (n,
Hi, searching for a specific script
Hi all, I would like to know what is the script they are using here: http://www.templatemonster.com/demo/41717.html When you click a link in the menu, the page/frame/content comes right to you. How can I make this? a one page website, like paralax, but different.. Thanks in advance, Amit.
jQuery Dialog 'manual vs script' close event
Hi, I am using the jQuery dialog, and I have a close event hanlder as well . Close event is firing even when I close the dialog using the script. I want to differentiate between the dialog manual close (by clicking the x button) vs the script close. Do I have any separate event or parameter which will give me the details? Thanks, Jesu Benin.
TableSorter embedded dropdowlist
HTML Generated: <th> <div class="dropdown"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Options <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="/units/Edit" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Edit</a></li><li><a href="/units/Details" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Details</a></li><li class="divider"></li><li><a href="/units/Delete" id="186c2de7-9328-4d92-8061-4e0b4cc97b28">Delete</a></li></ul></div> </th> Code: <tbody> @foreach (var
change defoult language
Hi is the first time that I have to do with jquery and a customer of mine asked me to change the main language of the site the site in question is www.manetti.it which file I have to modify? thanks to all peppe
Checking value in array
Hey all, im kinda stuck with something so I could really use some help. I dont really know how they're called but I made this class? below: function Artist(title, image, availability) { this.title = title; this.image = image; this.availability = availability; } Then I filled an array with it: var artistList = [new Artist("Aad", "Artists/Aad.png", "yes"), new Artist("Piet", "Artists/Piet.png", "no"), new Artist("Jan", "Artists/Jan.png", "yes")]; How can I check in this array which artists have a
Problem using ajax tabs and accordion on 2 different tabs
Hi guys, I am having a problem using JQuery UI Tabs widget and Accordion widget. The problem: - I have a page with 4 tabs that are loaded via ajax, 2 of them have accordions inside a div. - On these 2 pages, they initially load normally, then if the user click a button, a jquery script does a post, then does a html(data) on that div with the data that came from the post. This data contains the same html elements that wore there before (including the script that initializes the accordion) but with
Jquery Remove Table row by value
I Would like to use Jquery to remove 3 table rows (tr) depending on whats in the row. For example these are the rows I want to remove from the table. <tr><td><a href="index.php">index.php</a></td><td>PHP</td><td>2.45 Mb</td></tr>\ <tr><td><a href="bootstrap.min.css">bootstrap.min.css</a></td><td>CSS</td><td>71.46 Mb</td></tr> <td><a href="bootstrap-responsive.min.css">bootstrap-responsive.min.css</a></td> I dont want these three files appearing the the table at all. Can these be removed using JQuery
JQuery Mobile too too slow !!
Dear Friends, I am developing a Mobile template for my custom php based website using JQuery Mobile. After developing few pages, when I tested the system in my and my friend's Android Mobiles and Tabs, I realized that it is running hell slow. I mean, its running slower than the desktop version of the website !!! Sometime it loads, sometime it doesn't. Sometime the links open, Sometime doesn't. Sometime it gets stucked at the loading. http://98.130.200.34/ayan/mobile/dir/ (Open the site in real Mobile
For each loop change image by data element
I have a function that loops through all my img tags takes the data attribute and makes an AJAX call. The result of which determines what image each element should show. It nearly works perfectly, but when it updates it replaces all the img with the same jpg. $("button.checkStatus").click(function(){ //This Ajax checks the current on/off status of the passed X10 code $('.checkStatus').each(function(i, obj) { $x10Device = $(this).data("x10"); var data
Webkit Problem using animate();
Hello Community, i have an urgent problem regarding all Webkit Browsers(Safari, Chrome) with the following jQuery Script: http://jsfiddle.net/7g3Gs/4/ It would be such a help if someone could tell me how to fix this issue for Webkit Browsers. The Flyout Part of the Boxes is slipping into the next column and looks really buggy:( In Firefox & IE it works just fine! Thanks for any help in advance! philippsen
Anybody interested in reviewing a jQuery book? Here's what you have to do!
I have a few e-copies of jQuery Hotshot available for review. If interested, just do the following: 1. Drop an email to me with the subject line as "jQuery Hotshot - Review Request" on paushalim@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com) jQuery Hotshot walks you step by step through 10 projects designed to familiarise you with the jQuery library and related technologies. Each project focuses on a particular
Anybody interested in reviewing a jQuery UI book? Here's what you have to do!
I have a few e-copies of Instant jQuery UI Starter available for review. If interested, just do the following: 1. Drop an email to me with the subject line as "Instant jQuery UI Starter - Review Request" on paushalim@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com) Instant jQuery UI Starter covers all the utilities of jQuery UI that you will need to create stunning visual interfaces. Diving into core features
hi guys
i have a problem with my cdn refference and it is script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>, so when i run the jquery function i recieve errors :Uncaught SyntaxError: Unexpected end of input . Failed to load resource - http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js .
automated tool to identify unused js functions?
Hello - I've been asked to remove all unused js functions from an application. What's the easiest way to do this? It seems like it would be pretty easy for an automated program to do this. For example, a regex to find each function xxx() in the code base and then perform a text search for xxx references. Are you aware of any existing automated tools that do this?
Transition to large page
Hi. I have multipage template. I load data in it before any action can be performed and have a link with transition to page, which I already loaded to DOM, the page contains large listview. So, tested with tablet (Android 4.1), I get transition to page, containing listview, to take about 5, 6 seconds, which is not normal behavior, as I expect to not waste any time on navigation, why so I loaded all content at the beginning. What can improve the performance with transitions to large pages? is it bad
declaring and running universal functions with iScroll & JQM
I'm trying to initiate the iScroll function as a universal function so that way, what ever element that has the class of .scroll, the element will be effected by the iscroll plugin. Here's the script that I use to declare the iScroll $(document).delegate('#home','pageload', function(){ var myScroll; myScroll=new IScroll('.scroll' , { scrollbars: true, mouseWheel: true, interactiveScrollbars: true}); }); Now this works the first time I load a page with that element, but when I try to load the second
Transitions - Fading [SOLVED]
Got this page that uses jquery to switch between pages: http://gmjones.org/pages/index.html# When I move between pages, the text 'rolls' down from the top. I want it to fade in. Here's the jquery code: <script type='text/javascript'> $(document).ready(function() { $('ul#navigation li').click(function(){ var number = $(this).index(); $('.sec').hide().eq(number).show('fade'); $(this).toggleClass('active inactive'); $('ul#navigation li').not(this).removeClass('active').addClass('inactive');
Does Jquery Mobile Load Entire Files to Each Client?
I am just looking at the file sizes of Jquery and Jquery Mobile both of them total around 450kb - so does each client load this "half Meg" on load of your webpage? or is the remote file called on functions incrementally? I am just wondering because of the speed and lag of mobile phones it might not even be all that practical to use..?
how to auto-format/structure single-line js?
Hello - I'm trying to peruse the script contents of a js lib. However, when I open the js script lib in VS2010 the script displays as 1 long line instead of displaying in a structured format. Is there a way to display a script like this in VS2010 in a structured format or is there another tool that will do this for me?
button click from AJAX called php file
I have a div that populates from pulling from another php file. The separate php file contains a table populating data. One of the columns in the table contains a button to delete that record. When I click the delete button on the page it does nothing. How do I make this button active to call my jquery function to delete the record that comes from another php file via AJAX? Thanks, ShoeGirl
The Hide mthod is not working in simple example
I am new to jquery and havin trouble with simple example; I am using the HIDE method to hide a DIV ID on click when i click the ID it hides what I want but only for 2 seconds then it reappears <script> $(document).ready(function() { $("#profiles").click(function() { $("#arty").hide(); }); }); </script> <a href="" id="profiles">Profile</a> <div id="arty"> @Html.Partial("_article") </div> This example works for 2 seconds only how can I make the
Attaching a change listener to a listview data-filter
I just started using JQM this week, and I want attach a input change listener to the data filter on a listview. I know there is a method to override the filter, but that is actually not what I am looking for. The filter is fine as it is. What I want to do is perform a search after the filter input hasn't change for ~1/2 second. I've implemented this in an ugly way by changing the filter so that it will search the data and return the results while preserving the filter functionality, but it's not
How to refer another javaScript file to some other javaScript file?
Hi, I have created a .js file where i want to use jQuery functions. But i am not sure how my js file can refer to the jQuery library. Is there any way to import the jQuery library to some other js file? Thanks
Flash of Un-styled Content using Malsup Cycle?
Hi I'm working on a website and using the cycle plug in to display manufacturers logos. The site also includes a carousel plugin on a different part of the page. My problem is that all the slideshow images appear for a second when the page is opened on an iPhone & iPad (works fine on PC & android). I've tried the suggestions on this website & malsup's faq and it doesn't fix the prooblem, the only way I get it to work correctly is to remove the Carousel script that succeeds it. I'm not sure how to
Onclick Accordion with 34gs grid
I try to make a webside with jQuery UI wit 34grid.com Sample Side ist here: test.utg-usedom.de If i click on the widget Accordion, the second grid is set on display:none; Somebody an idea, how i can fix it?
setting default date of one datepicker from another
I have an application that tracks projects. I am going to be using three datepickers to set the appropriate dates for starting, ending and reviewing projects and populate those to associated textboxes (#start,#end,#review). Currently all datepickers default to today's date. I want the first datepicker (start) to default to today's date, but then once the start date is selected I want the "end" and "review" datepickers default month and year to be influenced by the month and year selected in the
different behaviour of autocomplete widget on Windows 7 and Unbuntu
Hallo, I installed the autocomplete widget into a website. One important requirement to the website is that the user can use it only with the keyboard, without a mouse. In order to select an item of the widget's item list I navigate to the item by using the arrow keys and then pressing TAB (not ENTER). The TAB-press causes different behaviour depending on the used operating system. 1) Ubuntu 13.04 (running on a virtual-box-machine), Firefox 20: The selected item is displayed in the text field of
data-filter on li not formatting correctly question
I'm using the following to show results within a list search, but the formatting always seems to get ugly near the search field after searching. Anyone have any ideas on as to why its displaying like this? Any help would be greatly appreciated. <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search for an extension..." data-inset="true" data-theme="a"> <!--Phone Extension List --> <li><a href="tel:+00000000000,100">User One - 100</a></li>
How to create a category wise listview dynamically using jquery?
i'm trying to get the category wise listview dynamically using jquery. I have xml file with all content in that file i have different category's. Html file: <div data-role="page" id="home"> <div data-role="header" data-theme="a" data-position="fixed"> <h1 id="title"></h1> </div> <div data-role="content" data-transition="slide" data-inset="true"> <ul class="list" id="section" data-role="listview" data-filter="true"> </ul> </div> </div> xml file: <?xml version="1.0" encoding="UTF-8" standalone="no"?>
Include html files are not coming on load document first time
Hi, I have 50 static html page and I separate header footer and search as a include file. and I add this include file at another pages through javascrpit include method. but when I click (like about link)the link and the link going to this page(like about page), the content of about page is shown but the include's file like header and footer not coming with page load, but when I refresh the page(about page)the header and footer is coming. Note : 1. all the pages has transition effect's like slide,
hi friends Need a Jquery Validation for alphabet with minimum 5 letters?
hi friends Need a Jquery Validation for alphabet with minimum 5 letters?
Problem to insert a load() function to my code
Hi everibody !! I am using this code : $(function(){$('#content').find('article').hide().css({width:'0',marginLeft:'0%',left:'50%'}); var act='#page_1';$('#page_1').show();$('a').click(function(){page=$(this).attr('href'); if(page.substr(page.indexOf('#'),6)=='#page_'){ $('#menu a, footer a').parent().removeClass('active'); $(this).parent().addClass('active'); $(act).animate({width:'0',marginLeft:'0%',left:'50%'},600,'easeInCirc',function(){ $('#content').find('article').css({display:'none'}) $(page).css({display:'block'}).animate({width:'100%',marginLeft:'0%',left:'0%'},600,'easeOutCirc',function(){act=page;});});return
get JSON reading multidimensional JSON array in PHP
I'm using getJSON to retrieve information from a record and the corresponding detail records and display the detail records in a div id="questions". The PHP script that is called returns a JSON string (via json_encode) that looks like this: { "content": { "1": { "quadrant": "Balance", "text": "1. Meditative or prayerful activity today?", "answers": [ { "answer_id": "4", "text": "None",
Get all radio button values in page load
My code : <input type="radio" class="radioBtnClass" value="1" />1<br/> <input type="radio" class="radioBtnClass" value="2" />2<br/> <input type="radio" class="radioBtnClass" alue="3" />3<br/> $(document).ready(function(){ $('.radioBtnClass').each(function(){ alert($(this).val()); }); }); All alerts shows empty. How to get this all radio values in page load?Is it possible?
id for <p:calandar> input inside a datatable
I need to get the correct id of the input inside a datatable for masking. I have used inspect element to check the id. It shows "datatable_attributes:3:att_date_input". But the id seems not the correct one. If the calendar is outside of datatable, it works fine. Currently my calendar is inside a datatable. xhtml <script src="../../scripting.js"></script> <script type="text/javascript"> jQuery(function($){ $("#datatable_attributes:3:att_date_input").mask("99/99/9999");
Next Page