jcarousel clashing with fade-in script
Hi, I am running a fade-in slideshow, alongside the jcarousel plug-in for Jquery. When i run them separately they work fine, but put together on the same page and they are not running. I have tried placing the scripts in different orders in the head with no joy. carousel on it's own - http://www.dave-tyler.co.uk/test/carousel.html Fade-in on it's own - http://www.dave-tyler.co.uk/test/fadeslideshow.html Together - http://www.dave-tyler.co.uk/test/bothscripts.html The code in the head section is:
push Array
Hi, I do have the following problems. I need to send an Array I created in JS back to the PHP. Actually this array shall just be stored to the $_SESSION variables and later on be returned back to JS. When I open a JSON Object, I do get difficulties as soon as I got : or " inside the array values. Can you tell me, what's the easiest way to do that? The 2nd problem: Does smbd know a good plugin to do html_entities encoding/decoding in JS. Thanks in advance
$.ajax to call a web service
Can't get anything returned, it just hangs, if I paste in the full url into my browser, xml comes back. Any ideas please where the problem is: function fnGetDictDefinition() { $.ajaxSetup({ cache: false }); $.ajax({ type: "POST", url: "http://services.aonaware.com/DictService/DictService.asmx/Define?word=task", dataType: "xml", success: function(msg) { $("#sec01").html(msg);
Embedding a flash object using .html() crashes browser
I'm trying to use Jquery to embed a video in the page, like this one from CNBC for example: <object id="cnbcplayer" height="380" width="400" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" > <param name="type" value="application/x-shockwave-flash"/> <param name="allowfullscreen" value="true"/> <param name="allowscriptaccess" value="always"/> <param name="quality" value="best"/> <param name="scale"
issues with ajax calls
I have a site, where people can go and create chat sessions, which they can use and return to at anytime. however when you are in a chat session, the ajax call (which occures every second) fails and ends the session at random. I have spent the a lot of time trying to figure out what is going on with no luck. firebug points to line 5252 here is ascreen shot the js code I am using is at http://www.keychat.com/include/js/index.js I would really appreciate some help. I posted something before, but i
Difference between using .data() and standard JS array
For a script I am writing, I believe I have two options for storing data. I can use a standard JS array created within the JQuery namespace or I can attach that array to a DOM element via the .data() method. My question is simply this. Is there any advantage to storing the array via the .data() method as opposed to just using a JS array? From what I can tell, storing it via .data() would just add unnecessary overhead but I am not sure if that is correct. If my assumption is correct, can someone give
3 point slidein jquery menu
I know the title is a bit confusing however i think its much easier to describe my problem with pictures. Im looking for a way to make this: http://img526.imageshack.us/img526/8218/description.jpg Now initially when the page opens the content area is empty. And when you click one of the 3 links content will slide in from the right. Clicking the different links will first of all toggle themselves when clicked more times, and when clicking one of the other links, the current one out, will slide in,
Having an issue with ajax calls.... I think..?
Hey guys, I have a website called keychat.com, where people go to create chat sessions, which the can return to at anytime and share with anyone. I am using jquery to run the site, and the problem the site is having is that when you are in a chat session, the ajax calls fail at random times (at lest I think that is what the issue is). here is a screen shot of what firebug says when it crashes: I have searched up and down the internet trying all sorts of things and I have not been able to resolve
Thickbox in ASP.NET Masterpage
Hi, I am using thichbox to display the page.But I am using it with Masterpage my code is as bellow <a href='Somepage.aspx?keepThis=true&TB_iframe=true&height=300&width=500' class='thickbox' title='Error Details'> </a> I have also given references of jquery.js,thickbox.js and thickbox.css on contentplaceholder head LIKE :- <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <script src="ThickBox/jquery-latest.js" type="text/javascript"></script> <script src="ThickBox/thickbox.js"
ajax callbacks not being called
I'm having problems with callbacks in the code below: $.ajax({ dataType : 'jsonp', jsonpCallback : 'get_json', success : function(d) { alert(d); }, error : function() { alert("ouch"); }, url : data_url })} I have verified that the server is returning valid json. My jsonpCallback is called, but neither the success nor the error callbacks are. I'm stumped by this.
Dialog Opacity with IE8
I am seeing a weird issue where the dialog opacity does not work with IE8 browsers controlled by settings under a Windows Group policy. I can run IE8 from my house and the dialog opacity works fine. Does anyone know what Group Policy setting might turn off opacity in IE8? Any Help Would Be Appreciated, Marty Jones
a slight problem with form using JQuery, PHP, MySQL
I have a form which is using HTML, JQuery, PHP and MySQL to submit data from a web-page into back-end database. One of the form fields (editor_name) just comes through as 'undefined' in the database. I am using PHP to store this field in a SESSION after using SQL to extract from the database. The session variable seems to be holding, but not getting entered into the database. I think this is a JQuery problem because of this. Note that I am not using editor_name as an input ID, but I do want this
jQuery/AJAX working on BlackBerry
Not much in the forums, and I know the jQuery web page doesn't support the browser. BUT... Wondering if anybody else has tried jQuery on Blackberry. I have some success with the Blackberry emulator using jQuery. What is not working is jQuery/Comet and the read of the responses. The question is... Is anybody else using jQuery on Blackberry with success? Thanks Andy
delete form element : failed
In a form, I delete an Input, then submit the form, but the deleted Input still there, don't know why ? Thanks. $("#form").remove("#name"); // doesn't work $("#name").remove(); // doesn't work either
.after() method bug?
I'm working on a navigation menu where I want to insert some html after a UL element. Here's the statement: selUL.eq(x+1).after('<b>hello</b></div><div class="subMenu">');I'm trying to insert it after the following <ul> element: <div class="subMenu"> <ul class="crops"> <li class="subnavHead">Crops</li> <li><a href="#">Sunflowers</a></li> <li><a href="#">Wheat</a></li> </ul>It seems to know where to put the HTML, but it places the wrong HTML after the <ul>. After the statement runs I see: <b>hello</b><div
mouse gestures, accuracy and customization - looking for a solution
Im looking for JQuery solutions to capture mouse gestures on a website (using a key to activate or a gesture field) I found JGesture and Fancy Gesture as well as PlugIns using gestures for the UI functionality like this one. What I am looking for is a way to utilize mouse gestures on a website that can be used to navigate the website, content and call certain events on certain gestures. It would be great if it is possible to define your own gestures and still keep a certain accuracy detecting patterns.
Accounting for margin with position()
This issue seems so perplexing to me that I feel I must be missing something obvious. I want to get an element's "left" position within its offset parent with position(). But position() apparently returns the value of the outside of the element's margin. For example: <div id="container"> <p id="par">This is a paragraph of text.</p> </div>And the styles: #container { background-color: #EEEEFF; padding: 0; } #par { margin: 10px; padding: 10px;
message fade out
I have a message that fades in when a condition is met. This works fine, but I want the same message to fade out at the same rate after 4-5 seconds. How can I do this with the current code? else { $("#msgbox").fadeTo(200,0.1,function(data) //start fading the messagebox { //add message and change the class of the box and start fading $(this).html('You have entered an incorrect login<br /> please try again!').addClass('messageboxerror').fadeTo(900,1);
find() not working in Chrome or Safari
The RED text in the script stops working in Chrome and Safari. Any ideas on why or how to make it work? Note: The code in red is on a single line. $( ".poll").each(function(pIndex, pollDiv) { $(pollDiv).find(".answer").each(function(aIndex, answerDiv) { // Do something }); }); HTML: <div id="divPoll" class="poll"> <div class="title">Pick a value:<hr /> </div> <div class="answers"> <div class="answer"> <div> <input type="radio" name="poll2" id="Answer1" class="poll2 visible" value="1" /><label
Using if else with mouseover
Hi there, I'm trying to stop my script running if someone mouses over a link with the class .focus. I'm probably trying to do something really stupid but I can't quite work out what. The code: $(document).ready(function() { window.setInterval(function() { //Every 3 seconds do this function if ("a.focus").mouseover(function() { //Do nothing }) else { $(".list li:nth-child(3)").children().toggleClass('focus'); //Remove class from <li> #3 $(".list li:last").css("height", 0); $(".list li:last").prependTo(".list").animate({
Accordion problem
How do I set the Accordion so that none of the elements are open when the page opens. I can close them once open with 'collapsible': $(function(){ // Accordion $("#accordion").accordion({ header: "h3", autoHeight: false, collapsible: true }); }); But I don't want the first one to open to begin with. Thanks, Dan
Extending or replacing a core jquery function?
A client is using an analytics tracking script that needs to be updated each time the DOM is modified (ie, an element is added or removed). Basically this script allows the client to track user actions on the site (clicks, mouseovers, etc.) and, if the user is having issues, replay the entire session to help them with their problem. The issue we're running into is that this tracking script takes a cache of the DOM tree on page load, and when the DOM is updated it needs to specifically be notified
noConflict causing problem with ie7?
I use two javascript libraries in the website : jquery and mootools. There was indeed a conflict between the two and I used the noConflict() method. And everything worked fine (almost) everywhere. It only causes problem in ie7. I'm having this problem : Line : 3 Character : 41138 Problem : Object doesn't support this property or method Here's the website (it's not finished and in french) : www.andreannegouin.com Thanks for looking at my problem!
Does jQuery dispatch an event when it's attached to window?
So, yeah, does jQuery dispatch an event when it's attached to the window object? I'm attaching a script through var s = document.createElement("script"); s.type="text/javascript"; s.src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(s); then I'm running a setTimeout to detect when jQuery is available var i = setInterval(function(){if (window.jQuery) { doStuff() }}, 30); It would be much easier to do something like window.addEventListener("jQattached",
get script text from html
code looks like below: <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script> <script> jQuery(document).ready(function() { // case 1 alert('case 1'); var h = jQuery("<div><script id='t'>var a=1;<\/script><\/div>"); alert( h.find("#t").text() ); // case 2 alert('case 2'); h = jQuery("<script id='t'>var a=1;<\/script>"); alert( h.find("#t").text() ); });under IE,
css properties of document object - error
This morning (I had just woken up), I tried to check the css "background-color" of the document object, and it threw an error "TypeError: Cannot ready property 'defaultView' of null". This was in Chrome just going $(document).css("background-color"); I realize that I meant to check the background-color of the body element, but wanted to let you know about the error I was receiving. This was in jQuery 1.4.2
Mimicking a keydown function by clicking an image
Problem: I'm using a jQuery menu script that has built-in keyboard controls (left, right, up and down specifically). I want to use or replicate the same functionality as, say, the up keypress with a clickable image on screen. (This is the iPod jQuery drill-down menu found here http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/) Here's the original code, where I want to simply execute the same functionality as 'case 38' // assign key events $(document).keydown(function(event){ var
Passing multiple ID attributes to an array
Hi all, I would like to grab the id attribute of every element with a specific class, and append the id names to a div. Something a bit like: // select everything with a class of widget, and pass all the ids to an array var idArray = $('.widget').attr('id').toArray(); // get each id in the array and seperate by a comma var idPrint = $.each(idArray, function(i, val) { (val + "," ); }); // append results to target div $("#targetDiv").append(idPrint);I've been googling for
Click event works once only?
I don't know but I had a click event for a button but it works only once. So if I click that button works, my function works, if I click it again, it doesn't get executed again. Is this normal, if not, then any suggestions?
autocomplet with predefined value
Hi, I'm looking for a solution to take an element value to an autocomplete event: (something like this, but it's not working) $("#article").autocomplete({ source: "getList.php?a&pid="+$('#pid').val(), minLength: 2, select: function(event, ui) { aset(ui.item ? (ui.item.id) : ""); } }); the autocomlete works but I can't reach the "pid" element's value by this way in the getList.php Is there any idea?
Check for all click events
Hi, I am fairly new to JQuery and have been asked by my manager to implement the flip plugin into one of our on-line courses. I have got the 'flip' code working fine, and have a number of tiles that get flipped (like this). My question is, how do I know when a user has flipped each of the tiles? I can't just do a count as they could click on one tile multiple times. Can anyone help? Thanks
.hover function in Balsamiq Mockups
Just wondering if there is a way to implement the .hover function in Jquery using Balsamiq Mockups Here is the link for how to add the code Napkee Custom IDS Here are the possible ways to implement it: I need some help with the proper syntax <js> $("box").hover(function(){},function(){}) ; </js>
jQuery error while selecting
I don't know how, but from a day to other, Opera give me error on jQuery file when I use this kind of selector: :eq(x) , :visible, : first, :last, everythink whit ":" , but if I skip error it work correctly. For exemple this: $("#argument_cont li:eq("+current+") a") this kind of error is returned from try-catch statement at line 3530 of jquery-1.4.2.js and is normal, if there is error it's catched. With Firefox nothing work and it freeze and Firebug don't find any error (last FF version on linux,
vertical tabs inside popup/dialog
I'm trying to achieve vertical tabs inside a facebox popup. I am able to get it almost working with jquery-ui-1.8.1 but the problem is that once the popup has loaded and the tabs are displayed, i cannot click on them to change the content and tabs. in case you are wondering, what I'm trying to achieve is a popup like on ebay -> http://www.google.com/url?sa=D&q=http://motors.shop.ebay.ca/BMW-/6006/i.html?Model=6-Series&_catref=1&_dmpt=US_Cars_Trucks&_fln=1&_ssov=1&_trksid=p3286.c0.m282&usg=AFQjCNEH2pO1hOXtLOYnO_OOfYC1wLogFg
Help needed with JQuery 3D carousel
Hi, I'm trying to modify the Jquery 3D carousel found here: http://www.professorcloud.com/mainsite/carousel.htm I'm simply trying to move the front image over to the left by 200px so i can place some text to the right of it. Here is all the code: (function($) { // START Reflection object. // Creates a reflection for underneath an image. // IE uses an image with IE specific filter properties, other browsers use the Canvas tag. // The position and size of the reflection gets updated
Understanding behavior of .html() function
Hey folks I'm not really understanding why the following statement.. alert( $( '<root><html><head><title>MyTitle</title></head><body><p style="background-color:red;">Hello!</p></body></html></root>' ).html() ); ..returns the following in Firefox 3.6.3, Safari and Google Chrome.. <title>MyTitle</title><p style="background-color: red;">Hello!</p> ..and returns null in IE 8.0.6001.18702.. Why does it strip out the html, head and body elements? My OS is Windows XP.
Submit goto URL?
Hi all, i have JavaScript code: function jumpto() { var page = prompt('Enter the page number you wish to go to:', '1'); var per_page = '3'; var base_url = './viewforum.php?f=2'; if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0) { if (base_url.indexOf('?') == -1) { document.location.href = base_url + '?start=' + ((page - 1) * per_page); } else { document.location.href = base_url.replace(/&/g,
What to append to get a CRLF into an IE Textarea
I want to append some text to a form textarea: $('#orderArea').append(" #The Title is Here"); . . . <form id="faxForm" method="post" action="order.aspx"> <textarea name="order" cols=75 id="orderArea" rows=30></textarea> <input type="submit" value="Submit" /> </form> The problem is that the I'm using to generate CRLF isn't recognized by IE so the submitted form all goes on one line. FF and Chrome know exactly what to do with so I work fine there. So what should
mirror date picker selection
For some reason every method that i've tried doesn't get whatever the updated "value" is after you make a date selection. If you use keyup or mouseleave or blur it doesn't want to "mirror" like any other input type does unless you put the mouse back over the date picker. I'm using the following js on the other inputs and it does work for them: $("#datePicker").keyup(function() { var datePicker=$(this).val(); $(".addatePicker").html(datePicker); return false; }); // and then the following to display:
function - element is clicked while SHIFT key is pressed
hi. i am trying to build a function that takes into account a click event and SHIFT key press event on a particular element. so for example, i want to do something only when i click a box WHILE pressing the SHIFT key. how do i program this using jquery? thanks much!
Next Page