create the slider with handle replaced by image
Hi Everyone, I need help in doing two things: 1st:When I use image tag inside <a> then the image become non-drag able.I want to replace both handles with the two images(inside td). 2:As soon as I slide any of the two slider the initial value of other slider gets set in the input box. I want that the value set only when user slide corresponding slider. http://jsfiddle.net/trivender/6NftK/3/
Page transition and back button
Hello Using jQueryMobile 1.4.0, I am building an app which has "horizontal" and "vertical" page navigation. By horizontal i mean kind of like tabbing between pages within same record, and vertical is like moving to a next record. For "horizontal", I am using one type of transition and no history management, "vertical" requires different transition and support for back button. I.e. when users enter record A, navigate two pages "sideways", then enter child record B, move two pages sideways, then press
How do load an external page into iframe and create overlap on top of certain element of that external page?
I'd like to load an external page into my iframe, once page is loaded, I'd like to to search certain element on that page and create a overlay on top of that element. Would it be possible? thanks,
event object prevent default and different browsers
Hi, I am quite new to javascript/jquery, however I have been programming in C for quite some time. I am having problems with the events. Everything works as I would like it to in Chrome, however in Firefox I get errors around this. StackOverflow etc seem to have similar questions but without difinitive answers. Let me explain. I have a page that is to run a jquery function: <script>setupFileExplorer();</script>That in turn, calls a function showOptions which, when the user clicks on *something* it
Need to detect DataTable JQuery gridview Column Sort and Direction
Hi, I am using a gridview control, called DataTable, which is developed with JQuery which populate and provides sorting for ASP.NET gridview. When I export the gridview, I can't export the sorted columns and direction, since the JQuery does that functionality. From the c#, how can I detected the column click and sorted direction? Any help is appreciated. $(document).ready(function () { var oResultGrid = $("[id$='gvReportData']"); if (fixEmptyDataRow(oResultGrid))
how to have my guid saved for the dialog?
Hi, I am using the following code to populate date in my page. <table align="center" cellpadding="5" cellspacing="0" style="width:100%;"> <?php $mysql_command = "CALL sp_populate_my_companies(:param_member_guid)"; $mysql_query = $mysql_connection->prepare($mysql_command); $mysql_query->bindParam(':param_member_guid', $_SESSION["xoompage_member_guid"], PDO::PARAM_STR); $mysql_query->execute(); while($mysql_row = $mysql_query->fetch()) { ?>
What kind of jquery plugin this is using ?
Hi, I am looking to build something similar ,but in wordpress{as a custom page}, so i was wondering what kind of plugin can create this interface, Here is the reference site of the interface i am looking to build, http://www.knotstandard.com/shirts/classic-white-oxford-shirt/ The part where it has options like,overview,cut,monogram, etc. Thanks alot
ie expected identifier, string or number again
I have this ajax code $(document).ready(function(){ var ajax_load = "<img src='load.gif' alt='loading...' />"; var loadUrl = "courses_content.php?id="; $("#courses_titles").children('span').click(function(){ $("#courses_title").html($(this).html()); $("#courses_path").html($("#courses_path").html()+'/'+$(this).html()); $("#courses_titles").html(ajax_load).load(loadUrl+$(this).attr('id')); }); }); that returns a a content from the requested page and another ajax
Taking text problem
<a href="index.html">Home<span>Our Company</span></a> This is my code I like to take text into <a></a> tag but not like to take text into <span></span> tag. That means I like to take "Home" only not "Our Company". by .text() function how can I do this ?
Radio button value not being sent to server
This is a general question, thus no script. I'm looking for hints as to what could cause the following: Is there any reason that jQuery include scripts could prevent HTML radio button values from being sent to the server while all other values from selects and texts are correctly sent? When using straight HTML the radio values are sent. I get the same results in browsers IE8, FF 26 and Chrome 32.
Disable dialog close on key press
Hello, Would it be possible to close a dialog by just clicking the close or 'x' button? My dialog closes when the space bar is pressed, I would like to prevent this. Can anyone help? Here is my currrent code: $("#dialog-default").dialog({ buttons: { "Close": function () { $(this).dialog("close"); } } });
jQuery Mobile 1.4, theme
I have been using 1.3.2 and like the theme. Now 1.4 does not have gradient and it just does not look as good. does anyone have the same feeling? ftc
using $.post
I have a response function to my first post. Within my response function I have another $.post. I am not getting into my second response function. The php file runs fine when I run it from a temporary HTML file with a form in it. I don't understand what is wrong. I have a lot of code. I am not sure how much I can up load here. I need some Ideas.
jQuery validation plugin - localhost URL
I'm using the jQuery validation plugin on my application and it works great. I ran into a problem, however, where a valid input for a URL field is something like "http://localhost:777/api/". When I apply the url rule for this field, it breaks. What would be the best way to handle this?
loading multiple <DIV>s with content - some dont load at all
I've got a series of <DIV>s to contain report data (<TABLE>s), followed by the script to load each <DIV>. Each table generation is 5 to 30 seconds, so I was trying to get all the reports in parallel, rather than sequential calls. Some of the tables get loaded, but others never do, even though I can see the server is generating the html to return to the client. Am I running into a limit in javascript or maybe an error on some of the table results that wont load the result? Can I attach an error
Create a title tracks while scrolling
if($('h1').offset().top<='45'){ $(this).addClass('active'); } I have no idea why it does not work but I want to create a title tracks like the iPhone's phone book I work with iscroll4 I tried to build this code But is not present Sorry for the English (translation)
jquery multipage template does not load google map properly if logo page is before map page
Hi, I am using a multipage template with one page displaying the google map which works fine as long as the map page is listed first. I decided to add a logo page before the map page and now the map is only a fraction of the size of the div container. Would anyone know why this is happening? Any help is greatly appreciated.
set slider value row wise
I want the slider value from each row should set in the text box left to it. https://www.dropbox.com/s/40t42yizfezr53c/tset.JPG I wrote the following code to do so. $(document).ready(function(){ var div = $('<td class = "slidertd"><div class="slider"></div></td>'); $("div.answer_section tbody tr").append(div); }); $(function() { $( ".slider" ).slider({ range: "max", min: 1, max: 100, value: 50, slide: function( event, ui ) { $( ".slider" ).parent().parent().find("input:text").val(ui.value);
Mouse selection
Hello, I need to choose only one word ('big'). Not the entire value. <input id="choise" type="text" value = "I have a big dog" /> <p></p> <script type="text/javascript"> $(':input').select(function () { $('p').text(this.value); }) </script>
Jquery load popup on page load
I have some JQuery where im trying to load up a popup on page load <head> <link href="/scripts/colorbox.css" rel="stylesheet" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="/scripts/jquery.colorbox.js" type="text/javascript"></script> <script> function pageLoad() { //execute code $(".group1").colorbox({ rel: 'group1' }); } </script> </head> <p><a class="group1" href="/images/pop/img.jpg"
Changing a 'Default' state of a Menu on any given page
Hey guys. Brand new here and pretty new to the whole JQuery thing. I'm mostly a DBA and .NET developer but I'm learning as much as I can (and loving it) with JQuery. I have a question and hopefully it's clear and someone can help. I have created a custom Theme and downloaded the UI and am using it in a project. I used the "Start" theme and made a few color changes. The menu functionality is great and easy to use but what I'd like to do, as you see it commonly done, is change the default color
Unable to stop href link using preventDefault
Hello, I have href's in a list menu that have valid links in them. But I cant stop the href when it gets clicked. Im wanting to edit certain fields first to see if they are not blank, but I cant get the href from sending me to the link. I am rebuilding the links if the user selects options from a dropdown. $("#cssmenu a").on("click", function(e) { e.preventDefault(); e.stopPropagation(); ... ... ... If everything passes Im then sending
jQuery Tabs Content via Ajax --- Problem with setting background color on content page to be loaded
I tried to set background color on content page to be loaded via Ajax. My attempt was succsessful but only three or four lines in the middle of the page were not colored as specified. URL of the sample is as follows: http://longhat.fan-site.net/folder_hosomichi/tr_basho/tr_basho_book.html I would appreciate if someone could tell me what is wrong with my coding. In addition, is it possible to set the same background color on tabs as that of content page. Thank you, chobe
jQuery swipe or scroll functions
I have an app project we are working on. Having trouble with one area. Inside a div that is approximately 320px width and 100px height I have a group on icons that I ant to scroll right to left when they are swiped. The icon area is wider than the div so as swiped, hidden icons appear. Below are images of the layout. Full width of icons: Icons in div: Any help will be appreciated. Thank you.
Getting the value of a H1 from another page
I was looking at a method of taking an H1 from another page $.get('001.html', function(html){ $('#target').text($('h1',html).text()); }); This is from another site and replaces an item with the ID of "target" on the current page. What I would like to be able to do is include this in a Loop and assign the H1 values to an array, but I cannot seem to be able to do it. Any able to advise? TC
how to change font using animate?????
Hi in this Link you can find cartbox icon font on a circle, if you rollover then cartbox size gone big and changes it's color http://www.templatemonster.com/demo/47888.html I have tried $(".cartbox-three").mouseover(function(){ // $(this).css('color','#036'); <<< this works but only change color instantly not smoothly $(this).animate({font:'40', color:'#36'}); <<< this dosen't work });
JS warnings at load time
jq v1.10.2 firefox v26.0 When jQuery is loaded when the page opens, several JS warnings occur. The warnings do not affect the operation of JQ but they are a distraction when trying to debug JS scripts. There are no such warnings for v1.4.2, and only the syntax error warning (sheesh!) for 1.8.3. The trend seems to be: more warnings in later versions. Is this to be expected? That is, will these warnings continue to happen in future versions? Timestamp: 01/13/2014 10:00:57 PM Warning: SyntaxError: Using
Accepting title from previous page
I need to get the Title value from a link on a previous page. Can anyone help? Thanks
Can't load forum.jquery.com
Hi, I'm lucky my wife has her computer as my computer suddenly will not load the jquery forum. When looking at the status bar the message goes from "waiting for forum jquery.com" to "waiting for discuss zoho.com" over and over and over. Every once in a while the screen will flash the opening page of jquery forum. While this is going on the loading message at the very top left of the screen alternates between "connecting" and "jquery forum". I suspect this might be some sort of firefox setting going
How to Scroll to an Element, which was animated with .switchClass?
I got a rather annoying Problem: On my Website, there are some covers of CDs. I'm able to enlarge the covers via jQuery.switchClass. Now I'd like to jump to the enlarged cover. But I don't get how. Here's the Link to the Website: http://53333805.swh.strato-hosting.eu/reinhold/alt_2/disko.php Here's the code: <script> $(function() { $("a.cd").click(function(event) { $( ".cd-klein" ).switchClass( "cd-klein", "cd-gross", 1200, "easeInOutQuint" ); $( ".cd-beschreibung"
Issue with Column Selector widget
Hello, I found a column selector widget that works exactly the way I want, but I'm having some trouble with implementation. Here is the widget: http://jsfiddle.net/3pS6v/5/ The little column button that pops up with the selector is what I'm trying to adjust. The table has an existing toolbar with an icon, and when users click the icon I want it to come up with the column selection list. However, it's not doing that for some reason. If I put the button in a div elsewhere though, it works fine.
Start with QUnit
Hi, I'm new in QUnit and testing JS. I am reading a lot of tutorials but i have a question. How to test DOM ? Tutorial said that i have to create new file (test_qunit.html) <pre> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" href="/resources/qunit.css"> </head> <body> <div id="qunit"></div> <div id="qunit-fixture"></div> <script src="/resources/qunit.js"></script> <script src="/resources/tests.js"></script> </body> </html> </pre> OK In
Source map syntax error on jQuery upgrade - Unexpected Token : / Missing ; before statement / Expected ';'
I've just upgraded my C#.NET (MVC / WebAPI / Entity Framework) solution to use jQuery 2.0.3, and I'm getting a syntax error (viewable in the developer tools console) on the source map file in every browser. In Chrome 31.0.1650.63 m, I get "Uncaught SyntaxError: Unexpected token : ". In Firefox 26.0, I get " SyntaxError: missing ; before statement". In all cases, the error occurs in file jquery-2.0.3.min.map. In IE, I get "SCRIPT1004: Expected ';' jquery-2.0.3.min.map, line 1 character 11".
how to return a individual rows using ajax
Hi, I am using jquery ajax with PHP and I would like to return individual rows instead of html. here is my code: $('#btnShowDetails').click(function(){ $.ajax({ url : "get_company_details.php", data : 'id=ed23e767-539f-11e3-aef0-74de2b9a31a4', type : "post", success : function(data) { $('#lblCompanyName').text(company name from data result); $('#lblCompanyWebsite').text(company website from data result); } }); }); and
Photo order print module
I have a customer who wants to build an app to order prints, canvas and albums from uploaded photos. Is there any guidelines out there that i have missed?
toggle
Hi, I want to have the toggle to call my new pop up page and passing id into this page so I an do my query to display all details. My code below isn't do what I want, can you pls help? <script> //toggle $(function(){ $('.myClass').hide(); $('.show').toggle(function(){ var showdiv = $(this).attr("id"); $('.' + showdiv).slideDown("fast"); $(this).attr("src","images/minus.jpg" ); },function(){ var showdiv = $(this).attr("id"); $('.' + showdiv).slideUp("fast");
Android Kit Kat issue with jQuery Mobile
I am having trouble viewing my jQuery mobile app on an Google phone using Android 4.4 Kit Kat. We are developing a prototype so we have elected for now to use a single aspx page to display the multiple mobile pages. However, when we view the mobile app using the Android Kit Kat, all the pages are being displayed all at once. If we view the mobile app on an iPhone, the app work fine. We have also separated the mobile page into separate aspx pages and now we are not getting the theme that is applied
cycle plugin in Infobox
Hi All, I am creating an google map page with some address markers in wordpress. I have added infobox for addres with some images to be shown in each infobox. Each marker's infobox can have its own image set i.e marker1 can show image1, image2 in infobox and marker2 can show image3, image4 and image5. here image[1-5] are just reference of an actual image. Now I wanted to have the cycle plugin effect for each infobox but the cycle plugin is not working for infobox. On outside infobox(and map) the
Expand and move a task in timeline script
I have a project where I need to make a timeframe like the one from Tom's Planner (see here) And since i can't find a plugin to do what i want, i made the decision to make my own plugin. I made the timeline design based on this but now I need to make an option to expand the task and move it with drag and drop. Basically to expand the task with +/- x days based on how much i drag the margin on the left/right or to move it up or down with drag and drop. But i can't find a way to do this. On what functions
Update table row using JQuery with textbox and I need to compare values for validating
This Function is not working pls some one help me $(document).ready(function () $('#btn').click(function (){ $('#ProductRecipt tbody').append("<tr><td class='code'>" + ItemCode + "<input type='hidden' name='ItemCode' value='" + ItemCode + "'/></td><td class='desc'>" + $('#Cat').val() + "<input type='hidden' name='ItemName' value='" + $('#Cat').val() + "'/></td><td class='qty'>" + $('#RFrom').val() + "<input type='hidden' name='ReceviedFrom' value='" + $('#RFrom').val() + "'/></td><td class='qty'>"
Next Page