How to pass a value to a jquery dialog from oscommerce
Hi, I am trying to pass a product name from my oscommerce store product listing into a dialog modal. The code I have so far which has been put together by a friend as I do not fully understand jquery (yet!) $prod_list_contents .= '<td width="4%" align="center"><input class="call_hidden" type="hidden" value="' . TEXT_GET_PRICE_PRODUCT . ' ' . $listing['products_name'] . '" /> <a href="' . tep_href_link(FILENAME_CONTACT_US_POPUP) . '" target="_blank" class="a_call">' . TEXT_CALL_FOR_PRICE . '</a></td><td
Load different HTML content into same #Content DIV on clicking different buttons?
How can I animate a div to the same position as another div...?
How to tweak Superfish to fly out to the left instead of right
Does anyone know how to tweak Superfish to operate exactly as it does except the menus fly out to the left instead of right? Any help appreciated. Thanks!
tooltip and suberfish bugs as soon as jScript-1.9 was released
hello all - first time posting - yesterday my application stopped working. i noticed that a new jquery-1.9 was also released yesterday. i was getting errors in superfish and tooptip: TypeError: $.browser is undefined http://comptonpeslonline.com/js/comptonPractice/tooltips/jquery.tooltip.js Line 27 TypeError: $.browser is undefined http://comptonpeslonline.com/js/comptonPractice/superfish.js Line 64 so i went back to the earlier release of 1.8 to patch/fix it for now: <!--commented out script src='http://code.jquery.com/jquery-latest.pack.js'
Superfish Example Stop Working with jquery-latest.pack
Hi there, In the example.html i changed the script-source from jquery-1.2.6.min.js to jquery-latest.pack.js Until a few days ago I could used the Superfish Plugin ( http://users.tpg.com.au/j_birch/plugins/superfish ) Example with the jquery-latest.pack.js. without any problems. But now the Example stop working. if i changed the script-source back to the shipped 1.2.6.min.js, everything is O.K. But the CMS is using the latest.pack.js i am happy about any hint, thx. Markus
How to have Level 3 Superfish submenus stay on sub level pages
Hi, I have created a vertical menu which works perfect on top level pages, however for sub level pages, I would like to have the parents visible. I tried adding class current to Level 2 which works fine, but I have not been able replicate it with level 3. There are 2 images attached. dropdown image shows the standard hover effect of menus till level 3 which work fine and 3rd level nav shows what i want to achieve. thanks, joy
Superfish - nav bar style menu
Hi all, I need some guidance regarding the Superfish nav-bar style menu. I am not an experienced asp programmer by any means, so please bear with me. I am trying to implement the nav-bar style menu as shown on http://users.tpg.com.au/j_birch/plugins/superfish/ under the Examples section. What I would like to do is exactly what the example shows. A top level menu with a secondary menu below. When you hover a menu item in the top level the second level changes to display the sub-menu items available.
Superfish - nav-bar style - "Current" menu not highlighted
Hi all, I'm facing a problem using superfish nav-bar jquery plugin. The "current" menu of the nav-bar style is higlighted in darker color only if I use doctype declaration <!DOCTYPE html>. If I use declaration <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> instead (which is necassary for my SAP Business Server page to work) the menu is not higlighted any more. Any ideas how to resolve this? Thanks and best regards, Oliver
Superfish - Dropdowns stopped working
Unfortunately there are multiple people working on a project of mine. I have had superfish working for dropdown menu's just fine but all of a sudden they have stopped working. I'm sure it is something small that is keeping it from working as it should. The arrows show up properly, but the dropdowns never appear. Please see eoclive.com/eoctech and view the source code. The top navigation bar is not working as it should. Any guidance would be greatly appreciated!
jquerymobile colorpicker
I need a colorpicker that works in jquerymobile. Several good colorpickers such as farbtastic seem to have troubles working in jquerymobile i guess cuz of what jqm does to the input tag, even if you use data-role="none" in the input tag, it seems. Anybody actually had any success actually using a real colorpicker in an actual page with jquerymobile?
mysterious problem with JS variable / variable is displayed only after alert
Hello, I have a big problem with the "output2"-variable! output2 is declared in the first ajax query(line 15) and is described in the second ajax query(line 30 and 32). Now I want to use output2(line 45), but the variable is empty! Now the mystery: I write a alert() befor line 45 and the variable is filled. WHY? $("#AJPizza").bind("click", function() { $.ajax({ type: "POST", url: "r_article.php", dataType: "xml", success: function(xml) {
How to replace ComboBox values on a button click?
I have a button and I want to replace the elements of the combobox. <select id="combobox"> <option value="">Select an option</option> <option value="opa">OpA</option> <option value="opb">OpBt</option> <option value="opc">OpC</option> </select>I want when a user clicks on the button, the elements of combBox changes to a retrieved data from my database. For instance, change all: <option value="opa">OpA</option> <option value="opb">OpBt</option> <option value="opc">OpC</option>
Javascripts not initiating correctly
A wordpress site that I've been working seems to have something weird about the initiation of some of its scripts. The one that I am currently most concerned with is the drop-down header. It is obviously un-styled as I am just experimenting, but, if you look, it shouldn't be dropping down until a certain length down the page, and while it does that, on page load, it shows itself unti user interaction. Does anyone know what this might be happening? Any help would be much appreciated. The site link
a href="tel from MYsql
Hi I am try to dial a number I get error in this line can anyone help me with this please echo "<li><a " . $data['id'] . "'><h2>" . $data['name'] . "</h2><h3><a href=tel:="$data['mobile']">" . $data['mobile']. "</h3></a></li>"; Regards Sigster
Event handler firing one time only
This is truly odd. I've got an index.html file that uses a pageshow event to register a button handler: $("#mainPage").live("pageshow",function(event) { console.log("pageshow for mainPage"); $("#submitButton").one("touchend",function(e) { This is used to handle login logic. When I run my app, this works perfectly one time. I only return to this page when I logout. I can confirm that when I return that the pageshow log shows up. But the submit button handler isn't registered. I can even do console.dir($("#submitButton"))
[Giva Labs] mcdropdown question
I am wondering how to initialize the dropdown with a value that was stored when a value was previously selected. Also, how should I store the value? Docs say, that for dd.setValue(), "The value passed should correspond the a valid list item (<li>) value." What if there are multiple <li>s with the same value? Do you mean the "rel" value?
Need menu to stop moving up on page load
Hi I am working on this site: http://cdrg.com When I click any of the menu items on the top menubar, the left menu slides up. I don't want it do this and am not sure how to stop this action. Thanks.
Jquery latest = fail
Hi, When I use Jquery in a website, I usualy call the jquery latest.js. Since the change of 1.8 to 1.9, there is some functions missing. Like the "Live" function have been remove, this cause all my website to stop working. I learn from my error, NEVER use any latest.js. But here is my point, JQuery is a library used by so many people that you should take care of any changes. Those changes should have fallback for deprecated functions. Like Zend Framework, if you guys would like to redesign the
How to use the click(function) with 'OR'?
Hello. My action woks like this: $("#my_link_1").click(function(){ if(!$('#hint').attr('checked')){ $("#whatever").removeAttr("disabled"); } }); $("#my_link_2").click(function(){ if(!$('#hint').attr('checked')){ $("#whatever").removeAttr("disabled"); } }); $("#my_link_3").click(function(){ if(!$('#hint').attr('checked')){ $("#whatever").removeAttr("disabled"); } }); But this seems to me not fine because in another case i am able to use 'OR'
change javascript math problem into jquery
I have the following javascript code <script type ="text/javascript"> function dti() { var tim = (document.form.debt.value - 0) / (document.form.income.value - 0) * 100; document.form.solution.value = Math.round(tim); } </s cript> How can I convert that into Jquery I have tried the following but it doesn't work <script type ="text/javascript"> function dti() { var tim = parseInt($( "#debt" ).text(), 10) / parseInt($( "#income" ).text(), 10)*100; $( "#solution" ) =
Animation feature
Hello all, As we all know...human eye can see only 24 frames per second. But when i create some animation with jquery, i see that in one second are executed around 64 steps...could this number be editable? or to add a new config parameter to change it? in most of cases i think it is useless to execute more than 24 callbacks/animations per second. Here is an example http://jsfiddle.net/KfwMa/ This configuration will get a big role if website will execute a lot of animations on the same time...This
how to check if autocomplete is closed?
How can I check if autocomplete is closed in this section of the code below if (e.which == 13) ? <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags" /> </div> var sectionAdata = ["ActionScript","AppleScript","Asp"]; $("#tags").on('keyup', function (e) {
if(e.which == 13) alert("send to section B" + this.value);
}).autocomplete({
source: availableTags,
select: function (event, ui) {}
});
"back to top" refuses to work
Hi, I'm trying to make a mobile version of my site, via PhoneGap. The code I'm using for a "go back to the top" button, is simply: <!-- so we can jump back to top =)) --> <div id="topFixer" style="width: auto; height: auto; top: 10px; right: 10px; position:fixed; z-index: 1000; color: #fb8335; display:none;"> <b class="icon icon-arrow-up icon-3x" id="backToTop"></b> </div> The JS code is: $(document).on("click","#topFixer", function() { $('html, body').animate({scrollTop:0},
database connection
I am making an app that is using a MSSQL db, but I also would like to used indexedDB when they go offline. Is there something in jQuery that is a reliable check to see if the MSSQL Db is abailable and then if it is not to fall back to the indexdb?
Swap image in Galleriffic - using text link
I have bit of a fiddly one here but I am basically attempting to put an image swap function into Galleriffic. I have been adapting the jquery Galleriffic image gallery to fit a client's needs and all is going well apart from this one function that I need to add. http://www.susanyounganimation.com/test/drawings/carnival.html Beneath the large image on the left is the text 'negative/positive'. The client wants the user to have the option to see a negative i.e. inverted version of the image when one
Spinner with <input type="number"> produces double set of arrows under Safari & Chrome
I have used the jQueryUI spinner example to show that adding 'type="number"' causes a double set of up/down arrows to be displayed in Safari 6.0.2 and Chrome running under Mac OSX 10.7.5. There seems to be not only the jQueryUI set of arrows but also a native set of arrows. No problem with Firefox. Is this a bug, or have I done something wrong? website for the example http://barebones.ca/fullcalendar%20test/test.html
Using clone to replace text instead of appending
I'm trying to replace the text inside each <h1> in the Articles with the matching link from the Aside. I am able to get the link there, but cannot get rid of the original text. <html> <head> <title>Link Copy</title> <script type="text/javascript" src="../jquery-1.9.1.js"></script> <script type="text/javascript"> $("document").ready(function() { // Copy link from aside to articles $("aside section hgroup a").each(function() { // Find matching Article heading
A whole website with slide effect
I'll try to explain myself the best way: I am trying to achieve that "effect" on my site, with no luck: http://manos.malihu.gr/tuts/animate-page-to-id/plugin/demo-auto-layout.html I am trying to modify it a bit. (it's a plug-in) Every section(page)should be 100% on the window, so if a user zoom-out from the page he won't see the other pages, over-flow: hidden; of course. It will be used along with navigation panel that will be position: fixed; The main idea is a simple site with navigation
Ajax results in parse error
I get a parse error on one form call but not others. I'm using the same $.ajax() call on all three forms. I have googled this issue, and found some suggestions, but don't think they apply. I believe my data is formatted correctly. The response from PHP script uses json_encode. The form with the problem has calls to third party api's through cURL. The other two forms use the same calls, just different data, and no parse errors. Any suggestions? Any other reasons that cause the parse errors? Do I
turning it into a function messes the formatting
http://jsbin.com/osovoh/2/edit in this version, all works well. the label of radio button gets changed instantly. but if you remove the /* s and thus turn js into a function triggered by the other button, function go(){ var radio_elem = $('#edit-new-amount-no-cost'); $("label[for='edit-new-amount-no-cost']").html(radio_elem).append("label changed"); } the formatting of the first button upon its triggering gets messed up. what's wrong?
most versatile ways of doing things in jquery
$('#contents')[x] vs document.getElementById("contents")[x] is anyone more advisable, more universal, less restricted? I guess the former does not work with non jq. is there an article or compilation of commands which prove to work in both js and jq?
How I can move an element before his parent?
Hi, i have this code: <style> .parent { width: 100px; height: 100px; background-color: #999; border: 1px solid black; padding: 5px; margin: 10px 0px; } .title { color: white; font-size: 1.1em; border-bottom: 1px solid black; margin: 5px auto; text-align: center; } </style> <div class="parent"> <div class="child"> <div class="title">TITLE</div> Content </div> </div> <div class="parent"> <div class="child"> <div class="title">TITLE 2</div> Content </div> </div> How I can put
jQuery Mobile Forum Icon
FYI, I was looking at the "all forums" page and noticed that the jQM forums (2 total) show the standard jQuery icon/logo. Thought it would be a good idea to switch those to the jQM icon, since jQuery UI and QUnit have their own. Just an idea.
jQuery UI Resizable's stop event not recognized on IE8?
I have a small div that I'm using sort of as a tooltip to give certain information. It's called resizetip. I have another div which is resizable, I used jQuery resizable like this: $this.resizable(); Now, during resize, I want the tip div to be visible at the user's mouse coordinates. So while the user is resizing the DIV, there's this little tooltip giving some info, following the mouse during resize. When the user stops resizing, the tip disappears. This is my code, which works perfectly find in
Trying to use text from a link in a selector
I'm (obviously) new to jQuery and can't figure out why this isn't working. I want to select the matching Article based on the links in the Aside: <html> <head> <title>Link Copy</title> <script type="text/javascript" src="../jquery-1.9.1.js"></script> <script type="text/javascript"> $("document").ready(function() { // Trying to get copy link from aside to articles $("aside section hgroup a").each(function() { // Find matching Article heading // This works:
Change body background
Hi. I'm trying to build an effect, that works on the body background. What I want is to have a number of backgrounds, eg. 5 backgrounds. I want them to cycle in the body background with given interval. Like a slideshow, just on the body background. I have been trying all kind of things - but I havn't found a solution. Does anyone have any idea how I can make this?
multiple Autocomplete words using trigger
I need something like this for my college project http://jqueryui.com/autocomplete/#multiple-remote How does the search.php works in this and how to use autocomplete after a trigger like "@".. Thanks
Understanding the reason for error in this jQuery setup...
I see a lot of developers use the following technique because it guarantees that $ is being used for jQuery, when the window is ready... (function($){ $(window).load(function(){ myFunction(); }) })(jQuery); But why does the code below, generate an error in my console window?... (function($){ $(window).load(function(){ $.myFunction(); }) })(jQuery); Line 4 is just a jQuery function, as upose to a function declaration I used above. Why is that reason enough to generate an error in my
Mobile simulator
Hi, Anybody seen some tutorials, how to create mobile simulator like http://www.templatemonster.com/demo/43210.html ? No good searches in google, so im asking for any help. Thank You.
Is jQuery 1.6.4 compatible with IE8 Browser?
please let me know whether jQuery 1.6.4 is compatible with IE8 Browser?
Next Page