Shopping Cart Issue
Hello folks, I got a little complicated with summing the shoping cart prices. I have this shopping cart: I I wrote this function for updating the basic sum: function changePrice(divId, sId, price) { var x = $("#" + sId).val(); var y = $("#" + divId).text(x*price + " ₪"); } and the HTML form something like that: <form> <select id="selectQuan-1" onChange="changePrice('sum-1','selectQuan-1','678');"> <option value="0">0</option> <option value="1" selected>1</option> <option value="2">2</option> <option
resize div according to content size after $.ajax in IE7
I have a pop up that loads form a page when mousing over a link first, it loads a loading image as shown in the image below after that, it loads a page using $.ajax Jquery method as shown below: in IE 8 and 9 the div content of the popup are fit exactly to the content inside of it as shown above but in IE7 the div of the popup is way bigger than the content as shown below: below is the java script for tooltip (in our case the contentType attribute is set to page): (function ($) { // Implementation
How to create a popup within another popup
Can we create a popup within a popup. I have a thumbnail image and when I click on it, it popup with large image using fancy box. Now I want in such a ways that, when I hover over a point in the large image it should popup another image over it. How to make this possible. If anyone have example with a link then it would be more helpful.
Dealing with TypeError: parentPage[0] is undefined on listview()
How are people with the "TypeError: parentPage[0] is undefined" error with listview() on dynamically created elements? I notice the bug report was helpfully closed without resolution. V
Retaining Default Button Style
When you use the onClick event handler on a button, it prevents JQM from adding the ui-btn-down style to the button when touched (ie. the button doesn't turn blue). For example: <a href="#" onclick="testThis();" data-role="button" data-icon="arrow-r" data-iconpos="right" data-ajax="false">Launch Something</a> Is there a simple way to use onclick while still allowing JQM to toggle the button style as normal? thanks.
jquery mobile app losses formatting when loaded to Android
I have created a simple test application in Dreamweaver 5.5 with a template (PhoneGap), it works with the Live Code button in Dreamweaver and it works within a standard computer browser, but it losses all its formatting when I load it to the mobile device. It displays as 1 long page, with no formatting, help. What am I missing. Here is the code. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title> <link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
Displaying error message in a datacell next to an input element using errorplacement
<body onload="addOption_list()"> <form name="register_form" method="post" action="" id="register_form" class="form_class" > <table cellspacing="10"> <tr> <h1>User Registration</h1> </tr> <tr> <td>Name:</td> <td><input id="txtfname" type="text" name="txtfname" class="watermark"></td> <td><input id="txtlname" type="text" name="txtlname" class="watermark"></td> </tr>
Radio button value change for hash in Jquery
down vote favorit Radio button value change for hash in Jquery <input type="radio" name="search" id="search-vehicle" value="search-vehicle" checked="checked" />Search Vehicle <input type="radio" name="search" id="search-damages" value="search-damages" /> I trying that when come back to for hashing i use following code $.history.init(function(hash){ if(hash == "") { } else { if(hash=="search-damages"){ jQuery("#search-damages-body").show();
wrappedElement
I need help resolving the following: I want to apply some jquery codes to play around some images. when i click i don't get the even images same things with the odd ones when i make the changes <script language="javascript"> $(function() { $("#evenButton").click(function(){ $("img:even").addClass("wrappedElement"); $("#result").html("Show Even Images"); $("div").addClass("wrappedElement"); }) })
hover slide problem
Hello, I've got an very annoying problem with my navbar. When the visitor moves his cursor over a button, a submenu should appear with a slideDown-Effect and moving the mouse out of the button should have a slideToggle-Effect. Unfortunately, many times when moving my mouse on the button, it slides down, slides up, slides down etc. And stops randomly when being sliden down. Code: <script> $(document).ready(function(){ $("#main1").hover(function() { $("#sub1").slideDown(400); }, function() { $("#sub1").slideUp(400);
Content hanging outside closed accordion
I am using the accordion (http://jqueryui.com/demos/accordion/#default). Inside each of the 3 accordions are two floated divs. The first 2 accordions are fine, but the third is not. When closed, one of the floated divs hangs outside and below the third accordion. When that accordion header is clicked and opens, the floated div pops back up inside the accordion and looks fine. Any one else have this problem? Thanks in advance for any tips!
.height() returns wrong height of the element.
Hi, all. I have some containers on my page, they are div.seconday_banner_box. Inside them there are the following elements: div.title, div.subtitle, div.text (and some others, which are not interesting for this post). I need all of the inner elements to be horizontally aligned, this should be achieved through assigning one height to all elements of a type (e.g. the height of the highest element of div.title should be assigned to all other div.title elements. The same with div.subtitle and div.text
Subpages Plug-in and Internal Navigation
I can work around it, but I'm wondering if anyone could provide technical explanation of why this is happening. It helps if you're familiar with the subpage plug-in. The main screen is an interactive listview of shows my client is planning to attend. Tapping a show loads in a multipage document via the subpage plug-in which adds them all to the internal dom. The newly loaded pages use the #hash navigation to switch between themselves. The problem is that as soon as you navigate from the first page
Jquery Documentation in german?
Good evening, i come from germany and search for a german jquery documentation. Can someone help me? regards thorben
How to get the JSON response from php?
I've tried to submit with $.post, on php script i do a query and it return an array, so i use json_encode($results), but... it seems return an string than the JS don't recognizes as an array. The JS: $.post('plugins/LiveResult_1.0/LiveResult_1.0.php', { tab:tabela, val:ultimo, campos:campos }, function(resp){ for(i=0;i<resp.length;i++){ $('ul.ul_options',obj.parents('.div_liveresult')).append('<li>'+resp[i]+'</li>'); } }) The PHP: $tabela = $_POST['tab'];
superfish menu expand to left
Hi I am using WordPress for Arabic website , My theme used superfish menu , and every thing is OK . them menu and sub menu is expand to right , I want it to be expand to left to be clear for Arabic visitors. I tried a lot through palying with CSS ul and li , but I got unwanted result any help pleas?? Best Regard
Is there any way to change this code of input with jquery?
Hi all. I need to find an alternative to do the same but with jquery. Please See how it looks: http://jsfiddle.net/biofusionart/TLajP/ <body> <input style="color:#666" type="text" id="Name" name="Name" value="Name end Reason" onfocus = "if(this.value=='Name end Reason') {this.value=''; this.style.color='#333'}" onblur="if(this.value=='') {this.value='Name end Reason'; this.style.color='#666'}" /> <input style="color:#666" type="text" id="Surname" name="Surname" value="Surname" onfocus
obtaining values from stylesheet
I don't know if this is the right way to do it but it's the way I have been doing it: create an element and use the css method. I don't know if there's a way to obtain the values from the stylesheet directly? Anyway, I'm trying to obtain the font-size variable in here: #contents { font-size:130%; } with the following: cBaseSz = ($("body").append(t = $("<span id=\"Contents\">"))).css("fontSize"); t.remove(); However this returns the value in pixels ("px" at the end), and I want
Joomla and Ajax Problem
I am trying to use jquery, joomla and ajax together. I can use jquery to return a simple string in joomla; but when i try to return something more complicated or use the joomla classes in side of the php file on the server side notthing happens. I think when you use ajax from withing joomla you loose scope of the variable. Has anyone had this problem before? How do you solve it? Any help would be apprecited.
jQuery audio/video streaming w/customized interface
Hello all and thanks in advance for reading this. In short... could you please give me suggestions for a very customizable audio/video streaming player. -- I'm starting a web site for streaming audio and video from a Linux streaming server. The project starts as non profitable experimental and if it goes well it will became sponsored by advertisements. The site is being built using HTML5/CSS3, jquery integration, cross browser compatible (IE7-9, Firefox 3-*, Chrome, Opera, Safari). I designed a themed
passing select value to php variable
I am at an impass. I want to pass the value of the selected drop down menu selected option. To a php variable that will be used in a MySQL statement, which in turn will alter a second drop down menu. Here is what happens. When I make my selection from the first drop down menu nothing changes on the second drop down menu. After I clicked the submit button then the change takes place. What do I need to do to make the change take place with out having to click the submit button? Thanks for any help,
can't get find/children/contents methods to return a set?
$(this).find("link") seems to return just one node, and not a 1 element array, so 'each' method won't work on it? Additionally using 'children' instead of 'find' returns nothing at all, even though the link tag is an immediate descendent??? I have the following xml: <idea> <desc>blah</desc> <link>http://blah</link> </idea> where 'this' was obtained with $(xmldoc).find("idea:first") and $(this).find("link").text() will return "http://blah", whereas I thought it needed to
$ajax call from jquerymobile to jquery(html)
Hi I have program made with Jquery mobile (and run perfect) now i want to put the same on a website so i have the html here it looks nice but the ajax call wiil not do his work..on my mobile the application works good here is the code (i have delete my key) <html> <head> <title></title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <link rel="stylesheet"
Vendor prefixes in 1.8
hello, i am excited about automatic css vendort prefixes in 1.8 however right out of the box it doesnt seem to work. is there anything i need to take care of? i am basically doing this: $(bla).css('animation-name" , "start");
Why slideToggle and slideDown fails to work only in chrome?
Hello guys, I'm making a site where plants grow(expand) when the page is onload. It is working out great and it looks great, but in Chrome I only get to see the end of the "animation". So if you see my code it lasts 6 seconds in chrome and by then the picture pops up. Can anyone explane this, with text instead of pictures it seems to work in chrome. This is an test html: Kind regards... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
preview image
Hello, I am searching a plugin which will allow me to preview the image before upload so I can check it realtime. Is there any plugin available in jquery which will do this job for me? Please help me. Thanks in advance. Tegatti
changePage on Android causes changes resolution
Hi I'm creating a web app and we're trying to take advantage of the higher resolutions on some of the newer devices. So on the iPhone4 and other devices that have a pixel ratio greater than 1, we've created a new set of images and by using a combination of <meta name="viewport" content="width=device-width,user-scalable=no"> and the media query @media screen and (-webkit-min-device-pixel-ratio:1.1) and (-webkit-max-device-pixel-ratio:2) we've been able to get it to render great on the first load.
dom object constructor can't get working
According to this page, I am able to create a dom object with jquery function thusly ('_' method prints to console): var idea = $("<div>"); _("idea: " + idea.text()); _("idea: " + idea.html()); Yet the last two methods return blank strings. What am I assuming wrong?
Slider Disabling
Slider disabling is not working in IE9 and IE10. It works in Chrome and Mozilla. In chrome and mozilla below statement works once and then it disables. $('.selector').slider('disable'); but in chrome and mozilla below statement disables on page load. $('#qty').slider({ disabled: "true" }); Both the method placed in document ready $(document).ready(function () { $('.selector').slider('disable'); $('.selector').slider({ disabled: "true" }); }); I believe both the above statement
Specify a certain checkbox, not every single one on the page?
Specify a certain checkbox, not every single one on the page? $(document).ready(function(){ $("select").change(function () { id = null; $("select option:selected").each(function () { id = $(this).val(); }); $.get("_getPos.php", { cat: id }, function(data){ $('#pos').val(data); }); }).change(); });How do I specify in my selector that I want to link the .change()
Awaiting moderation, what is this?
I have written a post and then I published it. But I discovered that it wasn't published. Also a rectangle on the right has appeared, and it says "awaiting moderation". I have no idea about what should I do. please help me.
correct syntax to show multiple messages followed by fade out
I'm trying find the correct syntax that will allow me to post multiple messages to a text box, with each one showing and then fading out. The current syntax I have is: if ($('#txtSuccess').val() == "Y") { if ($('#cbKeep').is(':checked')) { $('#lblErrMsg').delay(1000).fadeOut(2500).val("You May Add Another Hose Value.").delay(1000).fadeOut(2500); } else { $('#lblErrMsg').delay(1000).fadeOut(2500);
jQuery offset() wrong
I have an issue on a site, I think is a CSS issue, but really can't figure it out. I'm using jQuery to get the position of a Hidden form container div, when the mouse hovers on images on a slider. The hidden form popups correctly but in the wrong position, like if offset() got wrong values. This is the JS jQuery code (id is a parametter of my js function) var currentTarget = jQuery(id); var pos = currentTarget.offset(); container.css('top', parseInt(pos.top) + 'px'); container.css('left', parseInt(pos.left)
I want to develop my own Jquery.js
Hi All, I am working in www.infibeam.net. I want to create one jquery library for my one module. My Requirement is to get the parent element of the placed code and create one iframe which get the height and width of the parent element. I want to create One jquery file but i do not want to include any jquery library, is it possible ?
jQuery Media Plugin - results to a different tag
Good afternoon! I'm trying to use the jQuery Media Plugin from http://malsup.com/jquery/media/#overview and I would like to have the results go to a div instead of replacing the <a> tag. I'm new to jQuery but am learning fast. VERY awesome library! This is what I have set up: a file tree (using jqueryFileTree) that they user can navigate and click on a music file. The default action, as explained in the plugin link above is to turn: <a class="media" href="/path_to_file/filename">File Name</a>
automatically check for use of deprecated functions
hello, every jquery release deprecates a few things here and there. is there a way to have your source automatically parsed for the use of deprecated jquery functions? thanks!
Mouse over is not working after calling an ajax function.
Hi All, Mouse over is not working after calling an ajax function. When page loads if I mouse over the div it is showing data. After calling the ajax function I am not able to get the details when I mouse over the div. Please give your suggestions Thanks in advance. Girija S
Accordion Issues
Hello Everyone: I just finished creating a simple little accordion for myself. For the most part it works great: Following is the applicable script: HTML div> <div id="A" class="bar"><h3>Left - Right Lists</h3></div> <div id="A1" class="content_hide"> <span class="containerLeft"> <ul> <li>Left List 1</li> <ul><li>Item 1</li><li>Item 2</li><li>Item 3<li></ul> <li>Left List 2</li> </ul> </span> </div> <div id="B"class="bar"><h3>Basic List</h3></div>
Having issues with Internet Explorer and Vion jQuery plugin
For some reason, the plugin works flawlessly on Chrome, Safari, Firefox, etc. But on Internet Explorer it does not work at all. I was hoping someone might have an idea on why this is? Here is a link to a page with the plugin: http://www.cocreativepdx.com/site/?page_id=654 I'm using wordpress for starters, and it took me a while to get the plugin to work but eventually it did. Any help would be greatly appreciated! Thanks in advance! Let me know if you need more information!
this._focusable is not a function
I am getting an "this._focusable is not a function" error on line 47 of jquery.ui.menubar.js this._focusable( this.items ); The HTML is: <ul id="bar1"> <li> <a href="">Other Issues</a> <ul> <li><a href="">First</a></li> <li><a href="">Second</a></li> </ul> </li> </ul> // $.getScript("http://view.jqueryui.com/menubar/ui/jquery.ui.menu.js").done(function(script, textStatus) { $.getScript("http://view.jqueryui.com/menubar/ui/jquery.ui.menubar.js").done(function(script,
Next Page