text box when the picture load
function imageLoaded(trg){ var w=$(trg).width(), h=$(trg).height(),sc,x,y; if (h==20 ) return; clearTimeout(_loader); document.getElementById("loader").style.display="none"; $("figure").html('<img src="'+trg.src+'">+onMouseOver = function () ......') I want to add a text box when the picture load onMouseOver = function ()
Response is sometimes not shown
Hi all I do an AJAX request and I have a problem with my response. When I just choose some values out of some option boxes and the press "Search". I get back the following answer: {"ForeName":["B\len4","Keriw"], "SurName":["Regor","Blsiger"], "UserName":["rosdferbehlen","karidbaldfiger"], "AdressId":[1,2],"AdressUserId":[1,2], "AdressStreet":["Rodfgerstrasse 17","Roegtestrawsse"], "AdressPlace":["Lostrf2","Onsdfgngen"], "SuchResultatEndeId":[1,2],"Rueckmeldung":""} and this answer is published on
Help with site being viewed on an IPAD...
www.msiatlanta.com Can someone please take a look at this JS file for our company website... it is a Wordpress install... The previous developer was working on the site and he is no longer with the company. I've been tasked with taking over the project and fixing the issue. The site when viewed on an IPAD doesn't view correctly. It is very small and either in the top left or centered. If viewed on a Tablet it appears fine. From what I've been told it was the opposite and he tweaked the code
How should i structure this?
Hey, I'm working on this custom title popup script attached. im not sure should i use $('#divid') more often or just save it var oe = $('#divid'); and use it for the rest of the lines. Any tips?
Text shadow color
Hi All, I'm trying to set a new color for text-shadow. I'm pulling the x, y & blur values ok, but when I try to set a new color, it keeps telling me "Invalid character: # " on line #8. var ts = $('.firstLetter span.fa').css('text-shadow').split(' '); console.log('tS: ' + ts); // tS: rgb(85,,85,,85),1px,2px,3px var x1 = ts[3]; var y1 = ts[4]; var b1 = ts[5]; console.log('Shadow-xyb: ' + x1 + ' ' + y1 + ' ' + b1); // Shadow-xyb: 1px 2px 3px $('.firstLetter span.fa').css('text-shadow', x1
Multiple Chained selects
I am quite new to anything on javascript, jquery, ajax, actually i am still not sure what ajax is tho i know i am using some of it, i did this from a tutorial, edited it to fulfill my needs and i understand completly how it works. but now i need to be able to add another row of chained selects on a button click(i can do this) what i am unable to think about is how to maintain the functioning of loading the selects with what i understand to be an ajax call. without changing the rest of the selects.
Draggable and sprites
I've got a map that has countries which 'light up' on hover by using sprites. I'm dragging draggable items to the country each belongs to and droping them there. This all works, but my sprites don't work while dragging a draggable item over them. I'm not sure if this is because the draggable item is blocking the event, or because the mouse is in a 'down' state while dragging and item. I noticed that if I click the mouse and drag it across the sprites area without dragging an item, none of the sprites
Basic question - button icon not working
Hello, I seem to have a very basic issue: I try to add an icon to a button, but it is not added. The selector is correct, however, because I see the style of the (first) button has changed. <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <link rel="shortcut icon" href="favicon.ico" /> <link href="css/smoothness/jquery-ui-1.10.1.custom.css" rel="stylesheet"> <script src="js/jquery-1.9.1.js"></script>
Issue with jQuery cycle2 on iPad?
I have run into an odd situation with the beloved cycle2 plugin. I cannot get it to work on my iPad. The cycle works just fine in other browsers, but not on my iPad (which is still on ios4). I started pulling apart my code to see when/if it started working on my iPad and it never did. If I access this page -- http://www.malsup.com/jquery/cycle2/demo/carousel.php -- it DOES work. However, if I grab all of that code (which has absolute links to the js and images) and put it in my test page....
In jQuery SVG why do coordinates not work as expected
I load two images in jQuery SVG using the code: svg.image(0, 0, 330, 540, 'images/img1.jpg', {id: 'img'}); svg.image(0, 0, 330, 540, 'images/iPhone5png.png', {id: 'imgphone'}); After the images are loaded it looks like this: I rotate the images (of bottles) to 90 degree using code: var svg = $('#svgphone').svg('get'); var cx = eval($('#img', svg.root()).attr('width'))/2; var cy = eval($('#img', svg.root()).attr('height'))/2; r = 90; var rr = r + ", " + cx + ", " + cy; $('#img', svg.root()).attr('transform',
jQuery SVG - How to save complete SVG as show in browser to a PNG file?
In the project that I am implementing I have a need to save SVG to an image file preferred format is PNG and PDF. How can we export contents of SVG to PNG and/or PDF? Regards, Yogi Yang
Please help me with multiple deferreds
Hi, Please go easy on me, I'm very new to Javascript and JQuery. I'm doing some Javascript development for Microsoft CRM. My scenario is that I am adding contacts to an event (like a meeting). The screen shows a bunch of contacts which can be selected. Without going into too much CRM detail I am getting each selected contact and doing a service call to add it to the event, I'm using $.ajax to do this and adding the returned deferred for the add of each contact to an array. Some of these calls may
problems with jq removeAttr using several radio buttons
Hello! have problem... I use datapicker. I need to change checked attribute when I choose date. when I change date I need to remove all my cheched attribuses and set checked attribute just for one radio button but now when I choose date I cant remove attributes if(dayOfWeek == 5) { $('#tsenik').text('$10.00'); $('#price1').attr('checked', 'checked'); $('#price2').removeAttr('checked'); $('#price3').removeAttr('checked'); $('#price4').removeAttr('checked'); } else if(
Jcycle - add class to navigation without activating the links
Hi I am using great Jcycle plugin and having issues using multiple slideshows in one page. My slider contains: photos, navigation and an one arrow I would like only the arrow to slide the photos and the navigation just to change color whenever one is activated. The problem is that each time a navigation item is highlighted it also controls the slider and I dont want that to happen. I do want to keep the "Active" css state but disable that function that controls the slider. (in my case the pager are
back-button not showing using recent jquery-mobile
Please consider this example: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Listviews - jQuery Mobile Demos</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
JQM Button rendering after dynamic page injection
I have some problems with the dynamic page injection if JQM. I replace the content and header and refresh the page. But the formatting of my Buttons is lost. Also the listview at the content area looks not well formatted. Do anybody know how to fix that. I tried it by $page.button(), but this will render my whole page as button. var $page = $(this.element); var content = $page.children(":jqmData(role=content)"); var header = $page.children(":jqmData(role=header)"); content.html(this.view); header.html(this.header);
back button doesn't work in iframe
Im making a mock up an image of a mobile phone with jquery mobile running in the image so you can tell what the site will look like on a mobile device. The site on the image is set in an iframe. The back button doesn't work. Is this normal for the back button not to work in an iframe?
How to force user to enter 3 digits after decimal
I want to force the user to enter 3 digits after the decimal. For instance, 100.500 not 100.50 Is there a ready or easy masked input for currency to use for that purpose? Or is there a way to count the number of digits after the decimal? like if they are less than <3) { error should pop up }
Jquery UI tabs problem, how to reload the active pages with ajax when click on the current tab second time ?
My html structrue like below: <div class="mainTabs" id="mainTab"> <div class="tabNav"> <ul> <li><a href="#mainTabs_1">home</a></li> <li><a href="ajax/mPage1.asp">information</a></li> <li><a href="ajax/mPage2.asp">project</a></li> <li><a href="ajax/mPage3.asp">hr</a></li> <li><a href="ajax/mPage4.asp">other</a></li> <li><a href="ajax/mPage5.asp">control panel</a></li> </ul> </div> <div class="mainTabContent"> <div id="mainTabs_1"
Setting Div position up on another content
I have a page content which have text in it. underneath the content, there is a navigator bar, and I would like that whenever I Hover one of the element in the navigator, a div will open up just above the element I have just hovered on, and show some content. I don't want the DIV that will pop-up to push any object on the page, I would like it to be, like up on all of the objects on the page. here's a fiddle to demonstrate: Click here for fiddle In the fiddle, I want that whenever I hover First,
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
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>
Next Page