Loading an external tracking page
My question is hopefully pretty simple. I need to target a certain div and all its links and on click of any of those links load a tracking page in an iframe. Right now, if this function can just load the same file into that iframe, that will be great. In the future, if I could loop through all the links and get their name attribute (which will have the specific link to an individual tracking file), and load that into the iframe, this would be the most desirable. Any help is appreciated.
Need help building a banner
Hi everyone... I need some help. I'm trying to make a banner in jquery. Idea is *** banner wrapper *** *** main div *** div 1 div 2 div 3 div 4 *** close main div *** >> custom div1 button >> custom div2 button >> custom div3 button >> custom div4 button *** close banner wrapper *** i would like the buttons to be able to be moved around.. so not stuck inside the main div I've also added an image of something i have in mind... i can do the CSS but i can't figure out a good tutorial. is it possible?
Content retention when cloning HTML5 canvas
Hi, I am trying to clone an HTML5 canvas element with content drawn dynamically on it. However, when I use .clone() on the element, the contents are not copied. I tried attaching an example .html file to illustrate the problem, but the forum does not allow me to. Instead, I'm pasting the code below: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Sandbox</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
TypeError: Object $ (result of expression $) does not allow calls. (Trouble getting basic jQuery working with my piece-of-crap Nokia E71x)
I'm getting this error: Here's a simplified demo: http://jsbin.com/emugo3 User Agent: NokiaE71x/ATT.03.28 Mozilla/5.0 SymbianOS/9.3; U; [en]; Series60/3.2; Profile/MIDP-2.1 Configuration/CLDC-1.1 AppleWebKit/413 (KHTML, like Gecko) Safari/413 I've tried googling this error and I've seen people with really old versions of Safari having the same issue, but I haven't seen a solution yet. Does anyone know anything I can try? Thanks. --Travis
bind click-event via loop
Hello, I would like to substitute the following lines with a loop, such that I do not have to copy them countless times... (array stores jQuery-objects / with the $ in front) array[0].click(function() { someFunction(0); }); array[1].click(function() { someFunction(1); }); array[2].click(function() { someFunction(2); }); ... I tried: var imax = ...; for (var i = 0; i <= imax; i++) { array[i].click(function(){ someFunction(i); }); }and: for (var i = 0;
[jQuery] jquery scrollbar
hi husy, i somehow figured out how to have multiple instances of the jquery scrollbar on the same page - however, i would like to use those scrollable divs in a auto-centered fixed width layout. i cannot seem to be able to modify the code in a way so the scrollbars move with the centered layout. is there any way to fix this? i could imagine this could be of interest for others too since this technique finally gives cross platform identitical scrollbars and would help unifying designs. any help highly
Alternative to html() for XML documents?
I am retrieving an XML document like the following: <SampleData> <contentContainer> <div>HTML goes here</div><div>HTML goes here</div> </contentContainer> <moreRecords>1</moreRecords> </SampleData>I was using a statement like this to take the content out of the "contentContainer" element and place it into another element: $('#myDiv').html($(newXML).find("contentContainer").html()); This works great in Firefox, but doesn't in IE. I can use the following in IE using the
A Cross-Domain AJAX URL works in Gecko & Webkit but not in Opera & IE
How does this cross-domain request work in FireFox, Safari & Chrome and not in IE/Opera ? $(document).ready(function() { $.ajax( { url: "http://picasaweb.google.com/data/feed/api/user/snmoorthy48?kind=album&alt=json", success: function(data) { alert(data); if (console) console.log(data); if (data == "") alert("Invalid User"); } }); });
$open.click - nothing happens
Hello, I´m using a script for revealing images. I changed the script, because I wanna use the effect after a sliding effect. $collection.each(function(){ var $this = $(this).addClass('photo-area'); var $img = $this.find('img'); var $info = $this.find('.info_area'); var opts = {}; opts.imgw = $img.width(); opts.imgh = $img.height();
Save scroll position?
Is there a way to save the scroll position in order to recover it when the page gets reloaded or resend from the server? Thanks!
Toggling large elements looking clunky
Hello all, I have a simple question regarding toggling large elements. When I use toggle to show/hide large elements I often get a "clunky" sort of effect. This is because the browser window has to re-size along with the page. I threw together a quick example of what I mean, it can be viewed HERE . You can sort of see it in the example if you scroll down before you hit the checkbox to hide the fieldset. This is even more noticeable the more elements that are displayed. Here is the simple code I threw
Hidden div does not show properly. Video of problem attached
Problem is hard to explain, so I'll just show you. check out this youtube link. http://www.youtube.com/watch?v=8NY1KI2iVII You can see that the divs are repositioning themselves. I have tried removing the effects and the focus() with no success. It works fine in chrome and firefox but not in IE. After some testing It displays only the top <div> correctly. in this case its #business, however if I were to rearrange the <div>'s the one nearest the top would work correctly when selected. Any
Need DIV to slide in onclick
Hi all I need something to help me slide in a DIV from the right hand side of my screen. I have the DIV which is positioned absolutely, 400px wide, with a negative RIGHT position so the DIV contents are hidden off screen. When I click the button attached to the DIV (which is just showing in my window), I need the DIV to slide in X pixels to the left. I have tried using jquery slide() but it doesn;t slide the DIV into my view, it just slides the div contents into the area my button is placed. Any
Multi Language App
I am currently working on an app which will be translated into several languages. The main core is in PHP and obviously the language files are no trouble. This is the first time our interface has been making heavy use of javascript and was wondering how you normally deal with additional languages for a large app? I was hoping we could make a separate language file for the js messages / labels etc and load this based upon the user selection, so that we don't have to do this at function level. Any
how to divide a large number of div blocks in smaller chunks
Hi [div id="WhateverHolder"] [div class="item"][/div] [div class="item"][/div] [div class="item"][/div] [div class="item"][/div] [div class="item"][/div] [div class="item"][/div] [div class="item"][/div] [div class="item"][/div] [/div] that i need to have converted into [div id="WhateverHolder"] [div class="block"] [div class="item first"][/div] [div class="item"][/div] [div class="item"][/div] [div class="item last"][/div] [/div] [div class="block" [div class="item first"][/div] [div class="item"][/div]
CSS not getting implemented on the jQuery dialog within IE8
Hi, I am new to jQuery. We are using jQuery ui.1.0 in our project. We are using jQuery to show the dialog box. It has CSS implmented for the dialog title and the content. The CSS works well within the dialog box when seen in IE6 but the CSS does not get implemented when the same dialog box is opened/diaplayed in IE8. I have attached the .js and .css file thats been used in our project. I have also attached screen shot of the dialog box within the IE6 and IE8. Within the IIS I have added below
Delay problems...
I'm trying to use delay, but it does not seem to be working. I've tried a simple statement... $("#flashNotice").show(100).delay(1000).hide(250).remove(); To flash a notice then hide and remove. The div is there, but it never get's shown. Any ideas? Thanks!
Ajax Requisition Loading Scripts
I am doing an ajax requisition, but the loded data has some <script> tags, and the requisition loads all scripts on the tags and "overwrite" the scripts called on my page. I want to know if there is any way that I can remove the "head" element from the loaded page, so It won't mess with my current page.... Can you guys lend me a hand?
Delaying execution of non-effects methods
Hi, I'm trying to use delay() before changing the html contents of an object. Eg. myobj.text("Hi There").fadeIn().delay(2000).text("Bye!").fadeOut(); The result of this is that it just shows "Bye!" then fades, without any delay. So delay() seems only to work only with effects methods (fade, etc) not with other methods. Is there any way of getting around this and making a pause between any type of method in a queue? Many thanks!
jqgrid table
I need to crate a table in my jsp using jquery.. I wish to use jqgrid plugin for that... Data that will come from the server is in the JSOn format????? i want to know how to implement a table in jquery using this JSON data.. Thanks for any help
how to use onclick url change in $.ajax({});
Hello everyone, I am hoping someone can help me. Here is a little explanation of what it is that i'm trying to do..... I am trying to show a price listing for different postcard sizes... i need to change the XML url in $.ajax({}); on a click function i am using <dl> + css + jquery for my custom dropdown Here is a sample HTML CODE <dl id="sample" class="dropdown"> <dt><a href="#"><span> 4 x 6"</span></a></dt> <dd> <ul> <li><a href="#">3.5 x 2"<span
.val() with asp.net textbox
I am trying to use the following code to change the data in textboxes when a combobox selection changes: // handle combo list change $('#comboAffiliateTypesList').change(function() { var theValue = $('#comboAffiliateTypesList').val(); if (theValue < 0 ) { $('#txtAffiliateType').val('Required').css({'color':'#C0C0C0'}); $('#txtSortIndex').val('Required').css({'color':'#C0C0C0'});
jQuery 1.4 JSON problem
I got a problem in json between jquery and php，codes is very simple, but it run error. see below: *** JS： *** $.post("/mix/getlist", { 'name' : item }, function(data){ alert(data.result); }, "JSON"); *** PHP (codeigniter): *** function getlist() { $arr = array('result' => $this->input->post('name')); echo json_encode($arr); } JS throw a exception: data.result undefined, but it's ok on jQuery 1.3.2，and run error all above 1.4。 Who could help me ?
Wordpress, Embedded content, jShowoff Video thumbs preview.
I'm not even sure if jShowoff is the right plugin to go for, but it at least seemed willing to accept external content, contrary to wp Cycle/portifolio plugins. Using Wordpress, Freewptube Theme. Trying to get thumb previews for videos embedded from xvideos working, got 1 thumb url for each post in the database and using some sketchy/stupid php in index.php to get more thumbs on the fly(i hope). And I also want the thumbs to animate only on mousehover/onmouseenter, not sure if .trigger('mouseenter');
Dropdown action menu on table rows
How do I go about constructing a action menu which will be a dropdown when user clicks on the table row? I would like to dynamically construct the menu based on the row user selected/clicked and position the menu as a dropdown on the row. Any pointers on how to position the menu or links to tutorials is much appreciated. Thanks!
Only submit after validation
So I have some stuff I want to do when a form is submitted. It looks like this: $('#scan').submit(function(event) { $('#log').fadeOut(1000, function() { $( "#log" ) .load( "../log.html") .fadeIn("slow", function() { $( "#log p:first" ).effect("pulsate", { times:3 }, 500); }); }); event.preventDefault(); });But I am using the validation
two rotating images fade onclick
I have a total of two images. The first image, when click needs to fade into the second image. Then when the second image is clicked it needs to fade back into the first image. This should go on as long the user wishes to click. Here is my code so far. The first image fade works fine, but I can't get it to fade back to the first image again after loading the second image. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Proof of concept: Gradient editor widget
Here's a proof of concept for a gradient editor widget. At the moment, it's only been tested on Firefox 4 beta 2, although I believe it will work on earlier versions of firefox. Webkit-based browsers aren't yet supported. It can be found here: http://oga2.opengameart.org/gradient/ Does anyone have any ideas or thoughts? Peace, Bart K. -- http://opengameart.org Free, legal art for Open Source game projects.
Refreshing content in dialog box
How do I refresh the content in a dialog box ? I embedded a iframe inside the dialog box which contains some form and when clicked on the submit button its redirected to a output data. When I closed the dialog box it still shows the previous output data instead of from. How to get back to the form after I close the dialog box? -Thank you
jQuery class attribute won't change?
Hi, when I click the link "Unapprove" an alert popup says "Ok". I want this to only happen once (as you can see, i change class name, but it doesn't work). Why ? <div class="comment"> <h3>WarzMX says:</h3> <p>I really like jQuery, but when some error occurs I often find myself wasting hours upon hours trying to solve it, even days can go by at times. :(</p> <p><a href="#" class="delete">Delete</a> | <a href="#" class="unapprove">Unapprove</a> | <a href="#" class="spam">Spam</a></p> </div>jQuery:
Animation sequence with a loop
var max_day = 31; var i=0; function runAnimate(){ if(i<=max_day){ window.setTimeout("runAnimate()", 125); $("#day_" + i).fadeIn(125); i++; } } runAnimate(); His there a way to do this in a better way ? How do i implement my code so the user can't not use link before the animation is done.
Jquery loop through items separately
Hi, I want to make a for loop with jQuery to reduce code, but it wouldn't work. This is the sorth of thing I want to do: run through an array of <li> and animate them separately with a pause in between. $('#thebutton').click(function(){ var items = $('#menu > li'); $(items[0]).delay().animate({ "opacity": "1", "marginTop": "2px" }, 400); $(items[1]).delay(200).animate({ "opacity": "1", "marginTop": "2px" }, 400); $(items[2]).delay(400).animate({ "opacity": "1", "marginTop": "2px"
jQuery 1.4.2 Events handling and IE6
Geeting a JS error from IE 6 only in this method: handle: function( event ) { var all, handlers, namespaces, namespace, events; event = arguments[0] = jQuery.event.fix( event || window.event ); event.currentTarget = this; // Namespaced event handlers all = event.type.indexOf(".") < 0 && !event.exclusive; if ( !all ) { namespaces = event.type.split("."); event.type = namespaces.shift(); namespace = new RegExp("(^|\\.)"
How to trigger a submit event for a future <form> element?
I am trying to hide confidential data being submitted by a payment button. Now I am wondering how I could catch the according <form> element being created "on the fly" and submit it automatically ensuring that there is no chance for anybody to access the data. I experimented with "live" but in my case nobody will "click" or "change" anything. Does anybody have a suggestion for me? Thank you!
cannot pass a variable to selector
I am trying to use (multiple) attribute selector and I have a string variable "txt" that I need to use in the attribute selector to select all <p> with all id's except for the id=txt $(document).ready(function(){ $("p.par").click(function(){ txt = $(this).attr("id"); txt="#name"+txt; $("p[id!=txt]").show(); }) }) so basically it treats my variable "txt" as some string to compare the ids against. I've tried different ways, but I cannot make it work as an actual variable
Ajax always with Timeout?
when I do a ajax request and I want to apply a event-handler, css or another thing over elements received I use Timeout because $.ready.... is not usable in this context. It's ok? or can I use another technic? Thanks.
Passing array from ajax/jquery to php
So I'm making a "wiper blade application guide." I've got a form that starts out talking to my mysql database and grabs all of the makes. The user chooses a make. This calls a function that takes the value of the make and shoots it over to my database and returns all of the models of that make and populates the model dropdown box. Then they choose a model which does the same thing as the last one except it returns years. What is different is that my database has a startYear row and an endYear row
JQuery events not working after a postback
When the page loads initally all events work. There is a button that does a postback but does not reload the page. If you try to execute any of the events that you previously did it does not recognise it.
Writing a jQuery bookmarklet
Hey guys, I've just posted a new article on my blog which describes how I recently went about developing a bookmarklet in jQuery. Please have a look, comment, and share if you like it! Thanks, John. http://johnhamelink.com
Tooltip type functionality a bit buggy
Hello all, I have implemented a tooltip type control in my site. Basically when a user rolls over an image with the class 'friend_pic', a div with the id "members_tooltip" pops up with more information about the source of the image and when the user rolls away from the image the div gets removed. The data is retrieved via an ajax post. The tooltip pops up down and to the right of the mouse pointer and there is also a function to move it as the mouse moves. This sort of works but gets buggy if you
Next Page