Am I Too Wordy?
I'm getting a error message when trying to respond to an old post that says: "responseContent exceeded the maximum limit" or somesuch. What's going on?
Script doesn't execute on internet explorer .... But execute on firefox....????? Where have i gone wrong??
Hi everybody!! i wrote a small script that loads a php generated list of thumbnails and videos from youtube, it works fine on Firefox but NOT on IE I placed it in an external file and loaded it this way: <html> <head> .... lot of typing </head> <body> ... even more typing <!-- Passing value to youtubeRequest.js --> <script type="text/javascript"> var sing = "<?php echo $_GET["singer"];?>" </script> <script type="text/javascript" src="js/youtubeRequest.js"></script> ... more scripts </body>
Events - When to call them twice
Hello Everybody, I continue to read "jQuery In Action" and one doubt came into my mind when I was reviewing the chapter 4 that talks about Event handlers. Within a particular code sample (bamboo.html), the author has written a ".change(fn...)" method with a function to handle the event that manipulates the changes made within an "input[type=text]" to reflex the price to pay against the amount of product the client selects , and, at the end of the same wrapped set, it's included a call to the "change()"
help aboute change navigation menu alignment and animation!!
hi my friends ! I am a navigation menu in left bar, then mouse over animated from left to right.i like change this menu alignment to right bar and animation right to left! please help me!! Thanks
Pausing execution until remove() is complete?
My setup is simple, a user clicks a link that runs some AJAX, loading a form. I append the form to an element with a dummy class called "posting". There is more than one link like this on a page, so the first time the user clicks everything happens as it should. I bind some form events to control the submit and key events (for a character counter). If the user clicks one of the other links, the same thing should happen except this time it should check to see if another form with the class "posting"
Delete only table row
I have a table where I have the ability to remove table rows using $('#tr_1').remove(); for example It works fine until I try to delete the last table row and then the only row left will not delete any ideas why?
Question considering character encoding
Hey all, I'm fairly new here so first of all: hello all :) I've been using jQuery for quite some time now and today I've come across something I can't figure out. The website I'm managing uses the character set "Windows-1252" and this has never been any issue. However, when I try to send a request using jQuery's AJAX method it seems my response header is using UTF-8. I've tried the following two methods without any luck: jQuery.ajax({ type: "POST", ajaxGridOptions: { contentType: 'text/html;
Adding elements with unique ids automatically generated
Im building a small feature where users can create a page. They select an element they would like to add from a select box. When they select it it is automatically appended into the preview div. The problem is that they can choose to add any number of divs, p,s etc to this preview div and i need a way of giving them all unique ids so i can use them later. $j('#element_select').change(function(){ if($j('#element_select option:selected').val() == 'header') { $j('#page_holder').append('<div
getSelection in iFrame
Hi all, For my project, I want do a text WYSIWYG editor (like this one). I have div with contentEditable in iFrame : <div id="editor" class="K_editor_editing"> <div class="K_editor_link"><span class="K_editor_linkBold">[b]</span></div> <iframe name="frameName_editor" id="frame_editor" src="./myEditor/iframe.php" class="K_editor_iframe"></iframe> </div> With this code in iFrame : <html> <head> <style> </style> </head> <body> <div id="contentIframe" contentEditable="true"
confused about calling a function
hello I am confused about calling a function from within a function in "jquery" ? Could you provide an example ? kind regards
Animate show after a hide.
I'm trying to get jquery to show a specific div "apDiv2" after a hide effect. Basically the click function will hide all divs with ids containing 'adDiv' in the id and then I want to fade up a specific div based on the id of the clicked object. It hides all the divs correctly but the show doesn't seem to work. This is new to me so any help appreciated. $('.staffThumb').click(function() { $("*[id*=apDiv]").hide(); var currentId = $(this).attr('id'); if (currentId=='thumb1')
Hide & show table row
Help me for jquery hide & show table row concept
Displaying success message with JQuery (should be easy)
Hello, I am new to using JQuery and have a simple question please. I have added the following JQuery code to remove a <div> row when the delete image is clicked and to use GET for a PHP file to grab the ID to remove from the database. It works fine: $(document).ready(function() { $('img.delete').click(function() { $.get('main.php?action=deleteRow', {id: $(this).parent().attr('id')});
date picker
I have a date picker with id="datepicker" and I am trying to catch when the date is chaged with this code, but the change function is never activated. What event do I need? I have tried click. <script type="text/javascript"> $(document).ready(function () { $('#datepicker').datepicker().children().show(); $('select[id$=datepicker]').change(function () { $("input[id$=TextBox1]").val($("select[id$=datepicker] option:selected").val()); }); }); </script>
Multiple JQuery scripts in one page
Hi, I need 3 differents kind of JQuery slideshows in one page (1. automatic slideshow showing only images, 2. gallery slideshow associated to thumbnails, 3. automatic slideshow associated with manual small icons). I found the 3 slideshows I need on the net, and I'm able to implement all of them, but only one by page. When I try to implement the 3 scripts on the page, nothing works. I'm wondering if there is any conflict between the JS files and CSS files of each JQuery. Anyone could help me
replaced span link is not working
I have a big problem with this situation. I've been looking for this problem for a week and I don't find the answer. If someone knows how can I solve it, I really appreciate. I'm a newby in jQuery. My problem is simple: I find and replace what I need to replace but the new data link doesn't call the jQuery function ej like for unlike the first like works but when it is replaced for unlike you click unlike and doesn't call the function jquerry. /// like $('.like').livequery("click",function(e){
$('').show ... specify edge from where to appear ...
Hello Everybody, if you use the .show() the element appears form its upper left edge ... can you spec from which edge it shoud appear? Thanks for any advice, haemse
date picker
I have a date picker with id="datepicker" and I am trying to catch the click with this code, but it doesn't work. <script type="text/javascript"> $(document).ready(function () { $('#datepicker').datepicker().children().show(); $('select[id$=datepicker]').click(function () { $("input[id$=TextBox1]").val($("select[id$=datepicker]").val()); }); }); </script>
Scroll background image left to right or up and down.
Hello, I'm fairly new to JQuery, and am using some coding I found online to scroll a background image vertically based on the height of the mouse in the browser window. This works fine for the image that are taller than they are wide, but doesn't work so well for images that are wider than they are tall. I'm pretty sure a couple of if else-if statements can solve my problem, I just can't figure out where to put them. Could someone help me locate the code that re-sizes the background image to fit
How to access $('p').eq(1) in another frame
I know how to access *all* paragraphs in another frame and (eg) change their text content. I do this via the following code (code A) $('p' , window.parent.log.document).text('test') (log is the name of the frame that contains the paragraphs) But I cannot access a *particular* paragraph (eg the 2nd paragraph) - if there were no frames in the document I would do this via $('p').eq(1) but I cannot get this to work using any variation (and I feel as if I've tried them all!) of code A. TIA
Page Fade
How do I fade a page in and out?
threshold time on the mouse hover ?
Hello, I'd like to launch an effect only if the mouse pointer was on element more than xx ms. Is there other solution, than something like : - delaying the effect with 200 ms and - running effect only if the element the mouse pointer is currently on, is the same as the element that has triggered the event ?
Google Maps API javascript v3 with jQuery
Hello everyone, I am currently developing a web application that users geotag. I use javascript google maps api and v3 with jquery. here is my code: 1 2 3 4 5 6 7 8 9 10 $().ready(function() { var latlng = new google.maps.LatLng(49.41483, 2.817895); var options = { center: latlng, zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; var carte = new google.maps.Map(document.getElementById("carte"), options); }); I then a javascript function that is called after clicking a button. function afficher(id)
Add animated transitions to elements with "Float:left"
Hi, I have a webpage that is full of a grid of elements of the same height and width with float:left. I have buttons to filter elements in the grid, but after objects fade out, when the grid re-aligns itself floating left, the transition is jumpy. Is there anyway to animate this nicely, maybe have the boxes slide over to the new position? Or cache the position, calculate the new position, and then transition it nicely? I also have a movable ajax box that positions itself above the grid item that
Sorting objects inside of two arrays with main array
I am really hoping someone is willing to take the time to read this post and take a minute to take a look at my code. What is happening is there are some matches for a script I made and then an area for segments during an event. If you notice on the segment part of the form is that there is a dropdown that asks for where in the event that segment needs to go. With the Introduction or the different numbered matches. What I need to happen for a subArray I need it to take the introduction, all the
Fill textboxes with series of numbers
I can't for the life of me figure out how to fill 12 text boxes with a repeating number of numbers (this is for a 1 year forecast). If a user enter 3 different numbers in the first 3 text boxes and leaves all others empty I want that series of numbers repeated in the rest until the end when I click a button. Should I use each()?
Call Function on Link Click
Hello, I have the following on my HTML code: <a href="#" id ="Map" onclick="ShowGoogleMap(Model.Lat, Model.Long);">Show Map</a>But I would like to not use "onclick". How can I use JQuery to have the ShowGoogleMap to be called when the link is clicked? And I need to pass the two parameters: Model.Lat and Model.Long. Maybe I could have these inside hidden span tags with Ids Model.Lat and Model.Long. Then JQuery would get the Lat and Long values from the span tags and would call the function when the
Grab value passed in from URL?
Hi, I'm trying to grab a value passed in from a URL, i.e: test.html?foo=bar ...and I would like to grab the "foo" entry, with the value passed in I'm guessing this can be done, but I can't find a way? TIA! Andy
Issue with .attr("title")
Hello, I have got a little script that shows div's and hides classes when I click on a list item. Here is the HTML - <div id="menu"> <ul> <li title="test1">Test 1</li> <li title="test2">Test 2</li> </ul> </div> <div id="test1" class="tab" style="display:none;">First Test DIV</div> <div id="test2" class="tab" style="display:none;">Second Test DIV</div>And here the jQuery code - $("#menu li").live('click', function() { var name = $(this).attr("title");
SlideToggle and IE
Hi! Im using slideToggle on a div to show / hide the silverlight object it contains. there is a visual glitch when it hides the object, just before it's completly hidden is show the entire content of the div for a millisecond. Is there a way around this? is use code: $('#dragContent').slideToggle('fast'); thanks!
add event to divobjects and get position
hello, i have created a dynamic page that loads x number of div objects that are draggable. i want to add a mouseup event on theese and get the position of the div that i clicked i also need to get the text from the label object in the div i want this event to work on them all dynamically the div structure <div root, class=rootdiv> <div header> <div title> <label><button> </div> </div> <div contents> <object> </div> </div> my script so far, but i haven't gotten this to work $('.rootdiv').mouseup(function
after vs append
I am dynamically adding table rows and in each row i have one text box with an auto complete if I use $('#bill_tbody tr:last').after(table_data); the row is positioned last but the autocomplete doesnt work if i use $('#bill_tbody tr:last').append(table_data); the row is posistioned to the right of the last row and the auto complete works??? any ideas??
Using jQuery to check username availability...
So I posted a question on here and I'm pretty new to jQuery... I can't figure out exactly how to do this. I'm trying to, when a field blurs, run a query to see if the username is in the database, and echo whether the username is available or not if it's in the database. I have a little snipet of my page and I just don't see how to specify how to tell the script which input field, when it gets blured, to run the query... here is what I have... <html> <head> <script type=\"text/javascript\"> $('#new_user').blur(function()
Reading xml with jQuery
Hi, I have an image map loaded through an xml file. I have hooked ip up to a jquery image map highlight I found, and it works really well. http://plugins.jquery.com/project/maphilight I then edited this jquery to add descriptive text when you hover over the hotspots. This is working ok but my limited knowledge of both xml and jquery has limited me and I have ended up creating unnecessary xml. Here is the xml <img src="bathroom.gif" alt="bathroom" width="852" height="571" > <file>bathroom.xml</file>
Restart javascript animation after user presses Back button
I have a javascript animation built with animate() Whenever the page is reloaded, it is playing correctly, the problem is when the user navigates away from that page and the presses the Back button to go back to the previous page with the animation. The animation does not play again, it just shows the last state (probably because it's cached/in history?). Is there any way to restart the animation after the user presses the Back button?
X-Requested-With
I am trying to consume web services from foursquare.com, and I am using jQuery for my ajax requests but it seems that when I use POST, jQuery places a header "X-Requested-With" and because foursquare does not accept the header "X-Requested-With" I cannot consume their service. I googled it and it seems this is a problem in the past and it was fixed. I also checked the source and there are some checks to not include the header, but it seems that when I use jQuery the problem still persists even if
jQuery accordion click() not working in IE
Hi people I'm coding a site with a four-stage accordion as a navigation sidebar. When a user clicks on an accordion stage, an image with a text link overlaid pops out from beneath. It's working fine in every browser except, natch, IE, and I'm flummoxed as to why. I've tried everything I can think of. Any help would be greatly appreciated. Code is below. Here's the HTML for the accordion. There's a nav tag called #sidebar which contains two parts: an aside (#conditions) and the accordion (#navV).
Any body help to develop charitable website
Dear friend, We need your assistance to develop charitable website. basically, we haven't much technical and design skill. plz help and develop the site for better contact mail me to vsr_php@yahoo.com. I have attached mockup file and napkee exported zip file. plz check and help us. for your effort your name will be everlost in the website. thank u yours vsr.
Resize DIV on Link Click
Well here's the thing I have a div named "content", and another div class named "resizeme" (for a link). When I click the resizeme link rollover. I want the div to toggle from it's original dimensions of 300x200. However all I got so far is you click the link it goes fullscreen, and from there I can't remember how to make it toggle so when I click the link again it'll go back to it's original size. Here's my JQuery so far. $(function(){ $(".resizeme").click(function(){ $(".content").animate({ width:
How to prevent input type=text content selection when using tab key and set the caret to the end of the field?
Hi! I've tried to prevent the selection of the content inside a <input type="text" /> and set the caret to the end of the field to insert more data. That is to avoid people from deleting the field content when updating. How do I achieve it? I've tried jCaret, jquery.caret and to trigger the "End" key (which only worked in Firefox) but it must be crossbrowser. Thank you
Next Page