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.
"TypeError: 'addEventListener' called on an object that does not implement interface EventTarget."
Hi guys! I'm new to the forums and have come across a very bizarre error, the one in the subject line: "TypeError: 'addEventListener' called on an object that does not implement interface EventTarget." A stack trace shows that the object in question is a [button] element, so I'm really confused. A Google search for the error message doesn't show anything useful. Can anyone provide some insight as to what's going on? I'm providing some screenshots of the error and stack trace. Thank you! Jennifer
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
html5 WebSockets
Saw rarely information about this feature on the internet, either missing or non-working. I think it is best to implement into the already great jQuery.
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'>"
jQuery/AJAX - Can't get the correct selector
I'm looking for a little assistance, but mostly an explanation so I can avoid this issue in the future. I have a PHP script that is called using AJAX. The output of that script fills a div with an ID of 'schedule_wrapper_all' and is as follows: <div id="schedule_wrapper_all"> =====================GENERATED CODE====================== <div class="appointments"> <div class="appt" value="2"> <p class="c_name">William Davis</p> <div class="c_info" style="display: block;"> <p
Messi plugin doesn't work on IE 8
I am using this plugin called Messi (http://marcosesperon.es/apps/messi) that uses jquery, anyway, the problem is that it is not working on IE 8 or earlier versions. Can anyone know why? Thanks
How to keep one button always active?
I have a jsfiddle @ http://jsfiddle.net/89N9s/1/ When you hover over a button, it slides and the width increases and an arrow becomes visible. How can i keep a button always active? So that the last hovered item always remains active. Please help.
datepicker edit does not make button show
I have a form with a textfield and a datepicker. If a textfield is editted then a "save" button appears: I make the button appear like this: $('.rowsaver').on('keyup',function() { $('.btnvanish').show(); }); $('.rowsaver').on('keypess',function() { $('.btnvanish').hide(); }); I also use a datepicker i have a field with class 'rowsaver' and 'datepicker': And this is the datepicker code: $(function() { $( ".datepicker" ).datepicker({ dateFormat: "yy-mm-dd" }); $( ".selector" ).datepicker({
Using maxSize not working in Jcrop
Hi guys, I hope you can help me out with a problem with JCrop. In my scenario, images are loading dynamically and each have different dimensional size. One thing common in each image is that the width of the image will not less 1440px and height is not less than 400px. I want to give user an option to crop the images but the i want that the crop selection box size must be same and it will be => height:400px & width:1440px.. I have used the following code, but the maxSize is not working. $(function(){
jquery validation dom elements properties
Hi! I have some span elements with diferent error messages. They are with display:none style, and I would like to change this property to "inline" instead of showing an error message. this are my rules $().ready(function() { // validate signup form on keyup and submit $("#form").validate({ rules: { telephone: { required: true, minlength: 9, maxlength: 9, number: true }, email: { required: true, email: true } }, messages: { telephone: { required:
troubles selecting options in dropdown to hide using :not selector
I am trying to use the "not" selector to hide certain options in a dropdown box. Evidently I'm not getting it. Can someone please tell me what my misunderstanding is here. I would very much appreciate the help as I'm kind of stuck. I'm trying not to have to use the .each with arrays here because that gets complicated for me. thanks -dave jsfiddle: http://jsfiddle.net/vhabhsrosed/fGj3J/ <script> $(document).ready(function(){ //$("option:contains('CommitteeAction')").not().hide(); //$("option:not(option:not('CommitteeAction')").hide()
Double Selection when Hiding/Showing Textboxes
I have three textboxes, each with content underneath them, in a structure like so: <div>checkbox 1, id="Text"<label>label text</label</div> <div>Text related content</div> <div>checkbox 2, id="Phone"<label>label text</label</div> <div>Phone related content</div> <div>checkbox 3, id="Email"<label>label text</label</div> <div>Email related content</div> On page initialization, the content divs are hidden, using css display:none. When any checkbox is checked, the other two checkboxes disappear,
Jquery mobile 1.4 navigate to dynamically created page
Hi guys does anyone has idea how to navigate to dynamically created page in jquery mobile 1.4? e.g. in 1.3.0 version I did it like this ajaxCall(param1).always(function (data) { //$.mobile.hidePageLoadingMsg(); if (data.d != null) { var newPage = $(data.d); //append it to the page container newPage.appendTo($.mobile.pageContainer); //go to it $.mobile.changePage(newPage );
Help, Slider Loads too Many Images
Example of a page with issue: www.goldara.com/product-category/jewelry/ The above page is extremely slow because the size of the page is too big. Mostly becuase of the number of elements that the page is loading. It's making 365 requests which is very excessive. The vast majority of these requests are images. It looks like it's loading the images from all 18 pages at once, which is why this takes so long to load. I was told by a developer who couldn't fix the issue, that redesigning the loops that
Next Page