How do I loop through my arrays using .each() without duplicating data?
I'm using the $.get method to return some JSON that is an object in a bunch of arrays. I want to walk through the arrays and spit out the keys and values. My JSON object has a bunch of city names as keys of arrays, then has quotes within those arrays belonging to each city. Here's the result I'm getting back from my $.get method (after parsing to JSON object); Object {Wolverhampton: Array[10], Manchester: Array[10], Leicester: Array[10], Bradford: Array[10], Durham: Array[5]…} Aberdeen: Array[10]
Conflict jquery.min.js with joomla mootools
Hi Dear I use joomla with ja3T3 plugin after add this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js "></script>my megamenu not working I solved this problem with <script type="text/javascript"> $.noConflict(); // Code that uses other library's $ can follow here. </script> after that i used this code for mouse click effect div <script> var tuvan_opened = false; function toggle_tuvan() { if(!tuvan_opened) { $('#tuvan').animate( { bottom: "35px"
radio button error placement
I have a table with my rows in it and a row contains 3 td's with radio button's in them (im open for a redesign idea). When i validate i get 'big' red boxes around each radio button and the text goes below and 'This field is required' appearing after the first radio button. ( bec i havnt got any validation on the page for it) How do i create validation just for these and put some error msg somewhere appropriate? <tr rowheight=40 valign=bottom class="normal"> <td class="normal"><input
Update table in real time
using ASP.NET I am displaying a table on screen. I want the user to be able to check or uncheck a tick box(field in the table). Which updates the corresponding field in the DB in Management Studio on real time..... Looking through google. JQuery seems the way....but im a beginner at Jquery and wouldnt know where to start does anyone know of any good tutorials.....or even give me a hand/advice/tip to get it started? Thanks for any replies
Highlight weeks in datepicker
Hello, i'm trying to highlight weeks in the datepicker. Since i updated my jQuery UI to v1.10 it does not work anymore. (I used v1.8.14 before). Here is my code that worked well before : $( "#top10week" ).datepicker({ dateFormat: "yy-mm-dd", firstDay: 1, showOtherMonths: true, selectOtherMonths: true, changeMonth: true, changeYear: true, showWeek: true, beforeShow: function(dateText, inst) { $(".ui-datepicker-calendar tbody tr").on("mousemove",
datepicker in multilanguage
Hi there, I know that the datepicker has a localization option. But how about multilanguage? I use qtranslate for my site for several languages. The datepicker is used in the theme I have bought (from themefuse). Now, is there a possibily to use the datepicker in several languages or with qtranslate? If yes, how? thanks, max
Jquery UI Draggable problem with IFRAME
HI.. I have an iframe inside the DIV element. EX:: <div id="UPGRADE_LICENSE" style="display:none;width:575px;"> <iframe id="UPGRADE_LICENSE_SRC" scrolling="no" width="100%" height="550" src="/html/blank.html" frameborder="0" align="center" ></iframe> </div> Inside the Iframe i have a div and onmousedown function on it. that function not working... I used draggable() function. Inside that function i tried draggable ({iframeFix:true}). that too not working.
How to force jQuery SVG to embeded images instead of linking them?
I have a need to render SVG to PNG for this I am trying to use canvg javascript. This script works fine but it does not work on linked images. So how can we force jQuery SVG to embed images instead of linking them? TIA Yogi Yang
I need help understanding this script.
Im following a tutorial and the person did not explain it well enough and Im pretty lost! So if you can just tell me what jQuery is doing! <body> <h1>My Website</h1> <button data-file="day">Day</button> <button data-file="night">Night</button> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> <script> (function() { var link = $('link'); $('button').on('click',function(){ var
How can I do an outerHTML but for the outer relement only?
I would like to get the HTML of the outer element only. Does jQuery have a method or do I have to roll my own? E.g. if in the example below, I use $("#cont1")[0].outerHTML I get everything. But what I want to return only the character string "<div class='outer' id='cont1'>" with or without the </div> is ok. <div class='outer' id='cont1'> stuff here <div class='inner' id='cont2'> something here </div> </div>
Change target from tinyscrollbar to body when reaches top/end of it
Hi everyone!, This is my very first post here and I hope to have the beginner's luck.. I have a div "list" attached with the tinyscrollbar plugin (PlugIn Page). In order to accomplished that, I had to create some divs inside of it (divs that the plugin needs, such as thumb, track..).. here is the code: <div class="list"> <div class="scrollbar"> <div class="track"> <div class="thumb">
cycle plugin updateActivePagerLink not triggered
I have this setup for cycle plugin jQuery("#frame").cycle({ updateActivePagerLink: function(pager, activeIndex) { jQuery("#slider-nav").find("li:eq("+activeIndex+")").addClass("current") .siblings().removeClass("current"); } });However I find that the call back function is never triggered. Any ideas? The code is here: http://theparentingplace.automatem.co.nz
trigger() not passing arguments properly
I have a problem with passing arguments from a trigger to a click-handler; With jQuery 1.9.1 arguments are not passed to the click handler, as where with jquery 1.7.2 they are nicely passed. A example to demonstrate: <!doctype html> <head> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> <script src="js/jquery-ui-1.10.1.min.js" type="text/javascript"></script> </head> <body> <input id="test" type="checkbox" checked="checked"> <button id='trigger'>trigger</button>
get DOM other page
Hello people, I have a problem to display a dialog and try to get an element of another page already used. file1.html <div data-role="page" id="photo-click" class="page" style="background-color: #FFF"> ... <div data-role="content" data-iscroll class="iscroll-wrapper"> <div class="iscroll-scroller"> <img id="largeImage" src="images/imagem.jpg" class="image-photo" /> ... </div><!-- /content --> this is the structure of file.html, I spend an element via the id
PROBLEM WITH CYCLE: Help
Hi guys, I am having trouble with a slider I've added to my Wordpress-based page. It loads the first image correctly, but then loads the one of the first entry in the blog and shows it for all other entries, with the right image being shown briefly as the slide passes to the next entry. After one cycle, it starts loading correctly. It's driving me crazy!! This is the page http://eloyvillanueva.es/1erciclo/ Any help would be much appreciated
Syntax to get Math.ads to work
Hey there, Basically what I am doing is I have a form that has two text fields that can't sum above 100. So when the first text field number is entered, the script below deducts 100 to it and adds that number to the second text field. That works just fine ACCEPT for it is now negative number. So all I need to do is add 100 to it or use math.ads. Just no clue on the proper syntax to get $txtInterest to be a positive number. $('#txtAmt').change(function() { $('#txtInterest').val($('#txtAmt').val()
Setting value for $(this).closest('option')
Hello: I didn't think this would be so difficult, but then again... I've got a table with a checkbox in the first <td> and a <select><option>. When The checks the checkbox and it is true, then I want to populate the <option>. How do I do that? I just want to populate it with a value from the option list and give it the appropriate val(). Thanks in advance: Pavilion
How to make album cover bigger?
Hi folks, As you can see the album cover here is too small. The above image is the album cover here Can anyone tell me how to make this album cover bigger with jquery? Best Bomzon
PhoneGap target device density and Jquery Mobile style sizing
Hi, i've searched the web and the forums and answers given to similar questions don't do the trick. Using jQuery Mobile 1.3.0/jQuery 1.9.1 on Samsung Galaxy S2 and Nexus 7 tablet and developing with PhoneGap... Problem: UI elements are a 'bit' too small. (about half the size I would deem usable) Various posts i've read have lead me to use: <meta name="viewport" content=" initial-scale=1, user-scalable=no, width=device-width, target-densitydpi=device-dpi"> This makes the UI elements such as buttons
.on event not initiating?
Sorry to bring another question, but I'm a little confused here. I looked at the jQuery documentation and it states that the .on function can attach events to future and current content on the page. Well, it seems as if it's not quite working they way it should, or I'm doing something completely wrong. Here's my code: http://paste2.org/p/3106314 The searching works perfectly. The results are returned, and the table is correctly outputted (see: http://puu.sh/2foZ4). However, whenever I click on a
ColorPlugin – Script stopped working
Hello, I have the script below running on my website to make text's color change after a given interval. It's kind of stupid, I tried to add something and clean it up, but now it stopped working and I can't find the error. It's supposed to randomly choose from a set of colors (myColors) and apply it to the text's color of certain elements, defined by class or tag. All of this should be repeated in a given interval. My skills don't seem to be sufficient for finding the error... <script type="text/javascript" src="http://52146187.de.strato-hosting.eu/Cargo/jquery.colorplugin.js"></script>
cycle plugin: navigation outside cycle requires fadeTo twice to take effect
Hi, I have implemented jquery.cycle here: http://theparentingplace.automatem.co.nz The page has a pre-existing navigation. On click of any of the navigation elements I run: jQuery('#slider-nav li').removeClass('current'); jQuery(this).parent().addClass('current'); jQuery('#frame img').hide(); jQuery('#img2').fadeTo('fast', 1); jQuery('#img2').fadeTo('fast', 1); jQuery('#img2').css('cursor', 'pointer'); Query('#frame').cycle('stop'); return false; I found that to make the image corresponding to
jQuery1.9.1 is not working ie10
jQuery1.9.1 is not working ie10 while it is working fine in all other browsers
jQuery in one browser tab affects javascript in other tab
Hi! I have very strange problem with jQuery. I'm using joomla for my site and smf for board. On site i have image sliders based on jquery and on board i have shoutbox. When i have board opened in one tab and then i open tab with site shoutbox on forum fails: can't post messages, wont refresh anymore, randomly plays sound of new message. I would be greatfull for any help :) This is site link: http://beta.lineage2.com.pl And board with SB: http://forum.lineage2.com.pl
go to page without jquery
I am totally new to jquery and frankly find it so overwhelming I want to break reference to it for all but one page. One day I may try to learn it,,,but the curve seems...shallow, at least for me. I am using this method to create a drag-drop sortable list for a game I developed for friends - so I do NEED jquery for that page: http://forresst.github.com/2012/06/22/Make-a-list-jQuery-Mobile-sortable-by-drag-and-drop/ which uses: <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css"
Selecting first child - plugin perfomance
In an answer to a Stack Overflow question I enumerated all the ways I knew to get the "first children" of a jQuery object. I had originally suggested that .children().first() wouldn't be very efficient because it requires jQuery to first build the list of all children, and then create a new jQuery object that only contains the first element. So I wrote a plugin which uses .firstElementChild if available or iterates over the children directly otherwise. In the former case the plugin effectively becomes:
Doubt in JQM 1.3 Table Column Toggle
Hi, In Table toggle, data-priority is a nice feature. Although not for comparison, a bit outside, I feel "Tables in Grid mode" if I may say so. (One common limitation you have advised is 5 column in both cases). As I have few more extra columns...Here is my need and I am not sure how to go about it. By default want a column in hide mode (unchecked in toggle) instead going through toggle. Toggle should have this unchecked by default. If I may have something like data-priority-check="false" attribute
Jquery: Click Setup and Remove Specific CSS
I've got a: <td id="D19" style="font-family:Arial;font-size:11px;background-color:#FFFF00;color:#000000;" onfinishinput="checkif()" contenteditable="true">Sample Content</td> What I want is when I click a button it will add (e.g. bold, font-weight) a style attribute, then by clicking it again it will be remove (the desired style attribute), but the style only the specific attribute of a style. Is there a process for this, cause i've been searching all I can see is toggleClass. . but I don't want
Using jquery libraries from google or Microsoft causes problems in ssl websites
If I have an encrypted website (that uses SSL) and my webpage refers to: script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"> Then it will not work in Google Chrome. The library will not be included, because it is not encrypted. It does not have a https prefix. One solution is to download all the query and jqueryui libraries, and put them on my server. But I'm curious - if I don't do that, would I be able to use an https prefix on these external
How to set values of dropdown and radio in jquery by text?
For example: I have two variables var radioText="XYZ"; var ddText="New York"; I want to set radio and drop down box values using these variables and I don't know how to do that. html demo code Friend Name <input type="radio" name="Friends" value="1" checked="checked">ABC</input> <input type="radio" name="Friends" value="2">XYZ</input> <br> <select id="ddCity"> <option value="1" selected>India</option> <option value="2">New York</option> <option value="3">Japan</option> </select>
uncheck checkbox on click
the idee is When the collapsible groups close all the checkboxes must be unchecked. <div data-role="collapsible"> <h2 role="title"> Na Toren 1</h2> <fieldset data-role="controlgroup" data-inset="true"> <input type="checkbox" name="checkbox-13" id="13" class="custom" /> <label for="13" style="color:#F7AC0A"> T 13 <br/> S 106 </label> <input type="checkbox" name="checkbox-23" id="23" class="custom"
Menu events not firing
Hi, I'm fairly new to Javascript and I've just started playing around with jQuery UI. I've written a very simple example which responds to menu events, but the events never fire! Here's the script:- http://jsfiddle.net/JcrfK/4/ I want to be informed when someone clicks on a menu item. Please can someone tell me what I'm doing wrong, I've been floundering around for hours! Thanks, John
Function breaks somewhere? BUT WHERE?
I have the following code: http://paste2.org/p/3100049 And in the click function, it seems to break somewhere within the code. I put an alert function at the bottom of the click function, and it was never displayed on the webpage. So somewhere there's an error in my code causing it to break/crash. The breaking point is where after noticebox.html('Attempting login...'); Can anyone help me out here? This is honestly getting very frustrating. :( Thanks, any help is appreciated.
some links stuck on loading spinner while others work perfectly
I'm using Simple HTML DOM Parser inside jQuery Mobile. I'm pulling links from a website, then passing them to another page for article parsing. Some links get passed fine and it works perfectly while a couple get stuck on the loading spinner with no error message. Same problem with all browsers. If I take out jQuery Mobile, every link gets passed and next pages get opened. The strange this is if I add rel="external" to the first php, then the page which didn't open before, it opens. When I
Slide_interval different in Supersized Slideshow
Hi. My name is Carlos and I write from Chile. I've downloaded Supersized and find it extraordinary, I read the documentation, because I need a function that does not match. I need pictures or slide_interval is different for each of them, that is, that a photo last longer than another and that this can be set from js. It would be a great relief to my work your help. Thanks!!!
How to connect with the php code in jquery mobile
Hi, I'm new to jquery mobile.. i was made a jq.mobile site, for the server side i was used php language when put the jquery mobile libraries on the php code, output doesn't comes (it doesn't load) but before (normal php code) put those libraries it works I'm really thankful if anybody could help me.. please let me know how to connect with the php code in j.mobile.. please help me
Themeroller-generated dialog CSS not working
I put together a page that shows what's happening.here. The dialog is a confirmation that an email was sent, so you'll need to fill out the form to get the dialog to pop up. (I wanted to retain as much as the original functionality as possible.) As the title says, I generated a UI theme using Themeroller and the dialog I'm using is completely void of all styling. To the point that the dialog is complete transparent and all that shows is the text in the dialog and the unstyled close buttons. I tried
Is there some jQuery conflict here?
I'm customizing a wordpress theme called Accordium, and I have decided to add infinite scroll to it using a wordpress plugin called pbd-ajax-load-posts. In the theme, when you click on a post in archive view, an accordian animation plays by standard. The problem is, the plugin fails to render the default accordion style of posts in the archive when you click on Load More Posts [farthest bottom, in Persian] and shows it like when a post is clicked, leaving it with a fixed open accordian. screenshot
auto complete clarification
Hi, I am using - jqm1.3, my scenario is this I am able to construct and display the search listview via ajax / GET attached to a text search input item '<li data-theme="c" data-iconpos="notext"><a class="myfind" data-ajax="false" href="#" id="'+res[i]+'">'+names[i]+'</a></li>' // names is json return I am struck at these following 2 issues, a) to populate in text item after I click on the listitem and listview hides , b) or when data-clear-btn="true" I tried this but no help $('li .myfind a').on('click',
jquery.corner.js plugin, I can't get it to work on images
I have the code corect for jquery to make rounded corners.. I have tested it with just a background color, and it works fine. However, I want to apply the corners to images. It just won't work for me! I have created an example page where I have the image with the class, right next to a div with the same class but only has a background color.. The image won't work, but the colored 'box' will. I have tried coding it three different ways, and it still wont work. (I don't need all three ways of coding
Next Page