messy cross browser problem
I am maintainning a schedueling system built with jquery and php that I did not write. As shown in the image there are links that say Full or Open. If you click on the Full link it shows the details of the appintment. If you click on the Open link it should open a blank form so you can enter the appointment information. In IE clicking on Open always opens a blank form, which is good. In Firefox clicking on Open fills the form with the previous clicked on Full forms information, instead of opening
fadeToggle is non-symetrical
I have a simple box within a box and I fadeToggle the inner box when the outer box is rolled over: $("div#varcontents").hide(); // start with varcontents hidden $("div#varbox").hover(function(){ $("div#varcontents").fadeToggle(800, 'linear'); }); <div id='varbox' > <div id='varcontents'> <br />product_id =$product_id <br />owner = $owner <br />member_id = $member_id</p> </div> </div>But I notice that when I roll over the outer
dialog question
Hi, I'm hoping someone can help me out... I have the following code for a dialog I'm presenting to the user $(function() { $( "#dialog-form" ).dialog({ autoOpen: false, height: 300, width: 850, modal: true, buttons: { "Save": function() { var errorMessage = ""; if($('#reasonCode').attr("value") == "") { errorMessage += "Reason Code cannot be blank.<br>"; } if($('#rejectComments').attr("value") == "") { errorMessage += "Comments cannot be blank.<br>"; } if(errorMessage != "") { $("#validationErrors").html(errorMessage);
Multistep form - problem with field filled by jquery
Hi Everyone, I have problem with script who filled input field when one value is less then 4. When the value is less then 4 the script filling field but the value is not selected, so when I'm going to next step I have no value in this field. When the value is greater then 4 everything is ok (the value is also filling by jquery). This is my code: function compute() { if( parseInt($("#finish_day").val()) < 4 ) { $('#return_car').children('#return_car option[value=' + $('#get_car').val()
document.ready() function throwing object expected error
Hi All, I am trying to implement a autosuggestion functionality in SharePoint search box. For the I used a jquery plugin i.e jquery.js and jquery.min.js.It is working fine in my local system but when I tried to run it in the server it is not showing any error in the search web part and throwing a error in the line $(document).ready(function(){ $("ul.multimedia-portfolio").multimedia_portfolio({width: 800}); }); that object is expected here.This line is not a part of the Autosuggestion code that
IE memory overflow with function
Ok guys. Here's what I do: function myFunction($obj, fix) { var acum = 0; var apply = 0; $obj.height(0); $('#contenedora').height($(document).height() - fix); var $prev = $obj.prev('.iframe_full_title'); var $footer = $('#divFooter'); var $titulo = $('#iframe_zona_titulo'); var $parent = $obj.parents('.iframe_full_block:eq(0)'); var $ant = $parent.prev('.iframe_full_block'); var $bttn = $parent.next('.button_div_bottom'); acum = Number($prev.outerHeight(true));
Isuue with .hover and transparency
Hi Guys, I have just completing a site "sussexwebmasters.co.nf". However, among other things l have an issue with the menu with regards to hovering and transparency. Here it is: When the site first loads, everything is fine, When you click in a menu item or hover over it, the background color becomes opaque, which is what l intend, but after that the initial click there are a few issue with the subsequent events: 1) When you hover over a previously clicked link, the background effects no longer work
.append having trouble understanding
Hey guys I wrote this code $('nlgbord').append(document.getElementById(chatbox_members)); What I am trying to do is append the inner html of the ID chatbox_members into the nlgbord I believe it is a class, would it have to be an ID? It just seems to not be working for me. the chatbox_members is inside an iframe that is from another page of my website. Another question would be for almost the same thing, but what I am trying to do is change the .chatbox-title h2 to words that I want. I do not
Pages does not open in IE8
I have trouble opening my pages in IE 8. some pages in my site like this http://www.egtours.com/10_days_nepal_trip.php In this page I have used plugins for lightbox, and drop down menu. Lightbox has jquery 1.2.7 and drop down menu has jquery 1.2.3 I am wondering is that because of these or other reasons above page could not display in IE 8. is it jQuery conflicts ?
Getting strange characters using $.ajax
Hi guys. I'm new on this forum, so please excuse me if I'm posting this in the wrong place. However, my problem is that I am using the Ajax functionality to run a PHP script in the background, to save some stuff to my database. It manages to run the script and save it fine, but when I write special characters, I get strange output. example: I write "æ, ø, å", and the output is "æ, ø, Ã¥" I know there is nothing wrong with the settings in my database or in my php script. When I do the exact same
Move iframe in front of popup window
Hello people, Please look at www.gcprive.com/happenings I am trying to move the iframe that loads when you click on the "Sign-up" button to come in front of the popup window. Any ideas where the fix might be? many thanks, Andy
question on selector propagation
I think I must have misunderstood something about events on selectors. I was using code like this: HTML: <a href="someurl" id="propStatus"><b>sometext</b></a> jQuery: $(document).on('click', '#propStatus', function(event) and picking up the target url with event.target.href This worked for some days and then suddenly stopped working. On further inspection event.target.href was undefined and checking for event.target.nodeName showed "B", e.g. the inner node of the anchor. I had to move the B outside
I am trying to figure out why I have to double click or tap to make thumbnails appear.
I have to tap or click twice for the thumbnails to display. Here is my code: html code: <div id="ThumbNails"> <div id="thumbimg"></div> <div> jquery code: $("#ThumbNails").bind("click", function (html) { lastShown = CurrentPage; PopulateThumbsEx(BookID, lastShown); //$("#book").fadeOut("fast"); $(".ThumbNailNav").fadeIn(500); $("#thumbimg").empty(); $("#thumbimg").append(html).prepend(thumbnails);
I have to Use Multiple Jquery in single webpage
For Menu <script type='text/javascript' src="js/jquery.min.js"></script> <script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script> <script type='text/javascript' src='js/jquery.dcmegamenu.1.3.3.js'></script> <script type="text/javascript"> $(document).ready(function ($) { $('#mega-menu-5').dcMegaMenu({ rowItems: '4', speed: 'fast', effect: 'fade' }); }); </script>
IE9 does not append anything
Hi there, I hope you can bring me some light to my problem. Recently I've made my first web, and there is a section with video files. I use to load the videos a lateral menu with a jquiery script where first of all, video tag is cleaned up with .empty(), and then the structure necesary of the video clicked is created into it with an .append() It works fine on every browser as usual, but in IE9 the videos never load neither the code is created. Here you have the website: Grupo Piatti - Musica para
Detecting bots
Hi, Is there any way to detect bots or robots? I have somwhere read that you can do it by looking if the mouse is moving. But if on a mobile phone there is no mouse movement so that is not really a good option. I want to create some sort of a counter. So if a certain link is pressed it should count +1 but not so for bots. Any way to prevent bots from the counting? Thanks in advance.
Possibility to always detect mouse position?
Hi together, i just wanted to ask, if there is a possibility to detect the mouse position all time through... I know, that i can detect mouse position on click, but what i need is a permanent detection... Do you know how to realize that? Thanks already now for your answers ;) P.M.
curved movement
Using animate() how do you create curved movement. i was thinking something along the lines of movement which is the horizontal movement is the square of vertical movement with adition and subtraction to control the exact size of the curve (because when drawing a line on a graph you use a formula which involves use of a square to make the curve) IE H = horizontal movement V = vertical movement H = V^2 + 3.5 but how would i apply such an algorithm to the animate() method Simply choosing the V value,
$.ajaxSetup({timeout:15000}); does not seem to work with jQuery.getJSON. What am I doing wrong?
My code is: function logInJS(fields, dv) { // VARs defined here are visible in callback var elem = document.getElementById(fields); var dvD = dv; $.ajaxSetup({timeout:15000}); // milliseconds of timeout jQuery.getJSON(baseURL + 'json?verb=6', $(elem).serialize(), function(data, status, xhr) { if (data.msg) { alert(data.msg); } else { This works fine when the server is running. Status is "success" and xhr.status is 200 as expected. When I turn the server off so that there will never
I have the problem about the .change( handler(eventObject) ) , please help
In my website: http://www.bkrenew.net16.net/bksearch.php you can see the drop down box, but it cannot link to href link, i want to select the option, and then can change the website. The original source code is from this webstie: http://buffernow.com/2012/08/cascading-dropdown-ajax/ and combine with this <script language="javascript"> <!-- //Drop-down Document Viewer- © Dynamic Drive (www.dynamicdrive.com) //For full source code, 100's more DHTML scripts, and TOS, //visit http://www.dynamicdrive.com
Jquery Show hide for table
I am a newbie to jquery I want this javscript code to be converted using jquery <script type="text/javascript"> function check() { var h1= document.getElementById("hid1").style; var h2= document.getElementById("hid2").style; if(h1.visibility=="hidden" && h2.visibility=="hidden") { h1.visibility="visible"; h2.visibility="visible"; } else { h1.visibility="hidden"; h2.visibility="hidden"; } } </script> <tr> <td> <input type="radio"
how do i trigger a specific handler function?
hi all, I have a resize event and handler function bound to the browser window. However, i still need to initially fire only that specific handler. The handler works correctly when triggered by the .resize event but not when i fire it on its own. var AutoPositionForm = function (event){ var grid = event.data.grid; var collision = event.data.collision; $(grid).position({my:'center', at:'center', of:window, collision: collision}); }; var EditEventASF = function(formid) { var grid = formid.selector.replace('FrmGrid_','editmod');
Show div based on drop down selection?
Hello all, I have a drop down that is being dynamically generated, so it could have anywhere from 1 to 50 options. I'm having real trouble at that part. Each of those options, if they exist, will have a corresponding numeric div I need to show based on the selection. For example... I've got the javascript to achieve this if the numbers are static, but Im not sure how to make this more dynamic or flexible so I can have a varying amount of numbers. Can anyone please help? $("#shipping_selector").change(function()
Why does this animate callback function loop 33 times?
This callback has a counter, and i can see that the counter goes to 33, and quite slowly at that. Takes about 11 seconds to loop 33 times, and the other animations won't go until it stops. Any idea as to why this is happening? var counter1= 0; $("#StartUpPosition div").not("#StartUpMainNode").fadeOut(300, function() { $("#StartUpMainNode").animate( {left:22}, function() { //animate the center node to the left counter1++; $("#NodeMain").fadeIn(200); console.log(counter1); }); });
object parameters in jquery functions
hi everyone, somebody could tell me how can i pass a variable that store a selection in jquery to a function in jquery, for instance: var valor=$("#selector").val();// global variable with a selection function main(){//this function calls the function generar var resultado = generar(valor);//generar needs a parameter(a jquery object or selector ), here i pass valor, my global variable with my selection } function generar(obj){///function with need
Problem with $(window).height();
Hi, I had this code: var winH = $(window).height(); var winW = $(window).width(); and it was working fine with jquery v1.4.1 now when I moved to jquery v1.8.2 these lines stopped working. Did something change? as I can't figure out whats causing this. I can still get the values if I move back to v1.4.1 without any change on my javascript code. Please help.
href title did not display after using load function
Hi All, When I move mouse over a href link in a single html page, like test1.html, IE 8/9 will display the href title (can be used as a tip), after using jquery load function to load the html file into a div section into another html file called tabs.html which has multi tabs, everything is good except all href's title do not display when move mouse over href links, sample scripts as below. --tabs.html function loadContent(elementSelector, sourceUrl) { $(""+elementSelector+"").load("http://"+window.location.host+"/"+sourceUrl+"");
Using $.when().done() with an Ajax request. Can you use a partial URL/Param-less?
Basically I have the following $.when($.ajax('//www.location.com/path1/path2/?param1=1¶m2=2')).done(function (a1) {..... What I'm wondering is, the params on the end could change. If I pass in the following, $.when($.ajax('//www.location.com/path1/path2/')).done(function (a1) {...... will I be targetting the same jquery Ajax call? Does there need to be a wildcard at the end of the path? Or does the path need to be exact for the ajax call being made? Much thanks for any info regarding
$(document).ready on Firefox
I'm experiencing quite a wired scenario. I'm debugging a web page with Firefox 15.0.1, it's a search page that can be accessed in two ways: 1) You call the page with a GET parameter indicating the search terms 2) You access the normal page, just type something on the searchbox and for example, click Enter The point is, when you access using the GET parameter, there is a $(document).ready handler that performs the search and some extra operations, otherwise there is a form.onsubmit handler
sort multidimensional array with jquery.
hi, arr = new Array(); arr.push([1, "javsc script"]); arr.push([1, "microsoft"]); arr.push([1, "google"]); arr.push([1, "action script"]); while i sort using jquery like this, $(arr).sort(function(a, b) { ........ }); it is not working. if i do the same thing with javascript it is working. arr.sort(function(a, b) { ........ }); is this a bug in jquery?
updated from 1.7.2 to 1.8.2 and am getting unrecognised expression
updated from 1.7.2 to 1.8.2 and am getting the following error unrecognized expression: :.active-row the line of code exploding is: $('#table-area').find('.row:not(.active-row)').each(function(index, element) { //stuff here }); can anyone help shed some light on this?
Help with Show hide menu
I have a menu system using JQuery to hide and then slide out to show items. the problem i am having is that on some ie 9 machines in the office the buttons that should show when menu is clicked all show until page is totally loaded. This is the code i have $(document).ready(function(){ // Hide all unordered lists that are descended from the navigation $("#nav ul").hide(); $("#artistnav ul").hide(); jQuery('a').bind('click', function(){ // on clicking the link get the parent li then find
Link to page source of another page.
Hi all. I have a rather unique situation where I need to create a link that will open the source code of another page on a website. I have been searching around the web and cant find anything for this. Does anyone know of a way to do this? For example, when you click the link it opens the 'href' location of the links source code. Thank you
Find all checkboxes with the same name, then ensure one radio is selected
Hi all. I have a range of radio buttons in a form. I need to have jQuery check that a radio is selected for each group and add a class to the label associated if not. I thought this would work, but am having issues. I have checked and the name of the group is correctly added to the variable 'radio'. Any ideas? $('.checkbox', this).each(function(){ var radio = $(this).attr("name"); if ($('input[name='+ radio +']:checked').length) { $('label[for=' + radio
Translate function into a new validation rule
I wrote a function to validate a section of a form. The intention is, when the form submit button is clicked, ensure there are at least 3 rows in the table, if the radio button with a value of true is clicked. Here is the basic HTML structure: <form id="MyForm" action="/" method="post"> <div class="Question"> <div class="RadioBtns"> <input type="radio" id="Radio_Yes" name="Radio1" value="true" />Yes <input type="radio" id="Radio_No" name="Radio1" value="false"
Mouseover script gets wonky when interrupted
I have a jquery script that causes an image to change when links are rolled over. You can see it in action here: http://annmarietherapy.com/index.php Everything goes fine unless the another link is rolled over while the fade is in process. Here's the script that runs the fades: $(function () { $("#contact-link").mouseover(function () { var $active = $('#homepage-image .active'); $("#contact-image").css('z-index', 2).addClass('next'); $active.fadeOut(1500, function() { $active.css('z-index',
Conditional validation tutorial
Hi there. I am looking for a tutorial on conditional validation. I have 3 sets of radio button/Textarea in a section and on form submission, I need to loop through them, and for any radio buttons returning 'True', the corresponding textarea needs to contain text. If possible, I would like just one function or rule to do all three areas. Then I have 4 other sections with a radio button pair, and a table. for these, if the radio button is true, there needs to be at least one row in the corresponding
jquery .on() function does not work.
I have 3 fields Quantity, Rate, Total Amount. If any one keyup quantity or rate fields then amount show on Total Amount field. I have also an add button. If anyone click on add button then new row and delete link create dynamically. My problem is If I keyup quantity or rate fields then calculateSum() function work properly. suppose I create 2 row it's total amount 100+(100+100)=300. If i delete first one nothing change. If i delete last one then result show 200. but correct result is 100.Please can
Image blink during slider transition, might be simple to solve, any ideas??
I guess its just easy to solve this, but I tried many times without success so I need your help guys. The problem as described in title is that the images blink during the transition of the main slider (rotating banner) and it just happens with the big picture. Here's the website. Any ideas will be appreciated, thanks! http://www.mediahall.com.br/mixs/
jquery mobile detection configuration
I have two version of my website, one for normal desktop browsers, and a mobile version. I'm trying to determine the best way to push users on phones to the mobile version. But I would like them to be able to go back to the regular site if they want. I know that some mobile sites have a "View Full Site" button at the bottom. Right now I could easily add that to my mobile site, and just have it link to the regular one. But if I have the regular one do some form of detection to push them to the
Next Page