[jQuery] jQuery.noConflict() is not working
Hi! I am using following things in separate JS file: a- var dom = {}; dom.query = jQuery.noConflict(true); b- var jQ = jQuery.noConflict(); c- jQuery.noConflict(); Neither of above work and Firbug gives error. But $ works perfectly. Can some one guide me where I am doing mistake. Thanks in advance
[jQuery] [treeview] Expand the trees on the image and no link
Hello, I would like to know how to: - Permetre the conduct of a tree by clicking on the image (or file folder with a +) but when and clicking on the hyperlink (<a href="index.php"> blabla </ a> ) the tree does not take place. Thank you for your help.
keeping alternating colors after sorting
My table has alternating row coloring. It get's messed up after sorting (eg, instead of odd, even, odd I get something like even, even, odd, even, even...etc) I was trying to fix that with Zebra widget but gave up. All I need to do is to call this simple function to http://www.sitepoint.com/article/backgr ... avascript/, but I am not sure where. I tried putting into: <body onload=".... It worked, however, only when document itself was reloaded, not after client-side sorting with tablesorter. How
[jQuery] Is there a delay when passing data to trigger method?
I have this strange problem. what i notice is when i am sending an AJAX request then i get the response say in "xxx" ms. but it takes additional seconds to pass the response data to an element. to make it clear here is what im doing. 1. register a custom event listener on a particular element. 2. request to server (expecting JSON) 3. script receive the data in xxx ms. 4. trigger the custom event and pass the small data to trigger method. 5. interpret data. my problem starts on step 3 - step 5 when
Load page by id
Hey, new here and to Jquery so've just started learning... What I'm trying to achieve now is that by clicking on a link, information should be shown. I'm using the .load method to get information and well I think it's almost working, probably one little thing missing... So here's the code: $(function() { $('a').click(function() { var get = $('#id');
[jQuery] [ definition css in other file ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16788" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV>Hello all!<BR><BR>I have this .html<BR>-----------------<BR> <script language="JavaScript" type="text/javascript" src="jvs/<BR>jquery-1.2.5.js"
Controlling the <UL> background image with <LI>
Hi everyone, I know there are alot of examples of setting up a sprite and changing the background position to show the hover states of each list item. But i really want to know if it is possible to change the background position of the parent ul by moving the image to a different position when each li is hovered over. I thought that jquery might be the best way to achieve this. I hope this makes sense. Thanks for your time
[jQuery] Saving HTML as an image...
Hello, I'm working on an application that will use jquery to make charts and graphs and I want to allow the user to save the html as an image. Can this be done? This really isn't a jquery question per se, but I would like to know if jquery could do it/ or if it can be done at all. MJ
[jQuery] How to move an image to another div??
Hi all, i cant find a way to move an image from one div to another. I only found UI but that all works with mouseclicks?? What already works: when i click on an image, i use the taconite plugin, for processing game results (great plugin) and returning xml data so i can update some content (text). The only way i can update the game page, is refreshing the page, so retrieving, including the renewed one, all data again. waste of resources and certainly not a nice thing to view. What i am looking for,
[jQuery] Panorama Viewer
First made one using canvas, but ExplorerCanvas didn't like the it. https://developer.mozilla.org/en/Canvas_tutorial/Basic_animations http://excanvas.sourceforge.net/ Source Image http://commons.wikimedia.org/wiki/File:Capitan_Meadows,_Yosemite_National_Park.jpg So next I did it using jQuery, here is my result. Tested in FF3, IE6/7. Would have been easy to do except for the ugly IE css hacks. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[jQuery] test
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6000.16788" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV> </DIV></BODY></HTML>
[jQuery] Ok... one more try....the resize event just doesn't what to play ball
hello I ve been working on this issues for a month now.. so the issue is that the resize event is just locking up... and will not work if the page loads to fast... I have to slow the script down so it doesn't bind up is seems... here it is... $(window).bind('resize', function(){ window.setTimeout(function() {doResize();}, 500); //doResize(); // }).bind(‘mouseover’,function(){ // doResize(); // window.setTimeout(function() {doResize();}, 250); }).load(function(){
[jQuery] the resize event just doesn't what to play ball
hello I ve been working on this issues for a month now.. so the issue is that the resize event is just locking up... and will not work if the page loads to fast... I have to slow the script down so it doesn't bind up is seems... here it is... $(window).bind('resize', function(){ window.setTimeout(function() {doResize();}, 500); //doResize(); // }).bind(‘mouseover’,function(){ // doResize(); // window.setTimeout(function() {doResize();}, 250); }).load(function(){
[jquery treeview] not able to collapse
Hi, I am using jquery treeview. It is working fine. When I combined with ajax, I cannot able to collapse the tree. Any suggestions? Thanks.
[jQuery] $.post not working with object arrays
Hello, Whenever I try to pass an object containing array data through jQuery AJAX only the last value of the array is sent. Consider this example: var test = new Object(); test.arr = new Array(1, 2, 3); $.post("script.php", test, callback); If I print_r($_POST) in the script.php all I get is: Array ( [arr] => 3 ) Instead of: Array ( [arr] => Array ( [0] => 1 [1] => 2 [2] => 3 ) ) Any idea what's causing this? Thanks
[jQuery] resize event just doesn't what to play ball
hello I ve been working on this issues for a month now.. so the issue is that the resize event is just locking up... and will not work if the page loads to fast... I have to slow the script down so it doesn't bind up is seems... here it is... $(window).bind('resize', function(){ window.setTimeout(function() {doResize();}, 500); //doResize(); // }).bind(‘mouseover’,function(){ // doResize(); // window.setTimeout(function() {doResize();}, 250); }).load(function(){
[jQuery] IE8.
Our friends at Microsoft have a lot of work to do until their new born browser IE8 (Still in Beta 2) actually works the way it should. It seems that there is a major event triggering issue. Lots of jQuery core functionalities depends of events. For the ones interested to see some upcoming bugs, download IE8 beta 2 and visit the following links. Jquery Corner. (Not working) http://www.malsup.com/jquery/corner/
[jQuery] resize unstable
hello I ve been working on this issues for a month now.. so the issue is that the resize event is just locking up... and will not work if the page loads to fast... I have to slow the script down so it doesn't bind up is seems... here it is... $(window).bind('resize', function(){ window.setTimeout(function() {doResize();}, 500); //doResize(); // }).bind(‘mouseover’,function(){ // doResize(); // window.setTimeout(function() {doResize();}, 250); }).load(function(){
[jQuery] Mootools user needs to learn jQuery quick!
Hi, I've been a fan of Mootools for quite a while now, but I've got a project coming up very soon that must be done in jQuery - can anyone point me to any tutorials or ideally a cheat sheet that can help me learn the differences between Mootools and jQuery? Any info/tuts/blog posts on switching from Mootools over to jQuery would be greatly appreciated - I need to learn it fast! (of course, I'm going to hammer the jQuery site docs etc and use good old google, but I just thought someone here might
[jQuery] i can't modify the header with "beforeSend"
I'm trying to auto login to twitter api with adding a Authorization header. When i run my code below , i found that the request headers still not modified with firebug, and the browser pop a window to input username and password. How can I handle that? <code> var url = "http://twitter.com/account/verify_credentials.json? callback=?"; $.ajax({ beforeSend: function(XMLHttpRequest) { XMLHttpRequest.setRequestHeader("Authorization", "Basic eWlzdWRvbmdAZ21haWwuY29tOmV2YTBldwEs");
[jQuery] Mixed HTML and Javascript and inject into #banners causes problems
Hi there, I tried to use the AJAX load or get-functions to receive output from a file banners.php, that creates mixed javascript and html, and tried to use this output for placing into a div named banners, e. g. via $("#banners").load("banners.php") to be sure that all jquery submit- and click- functions really work before all banners are going to be loaded (which won´t be the case without the solution above) through the banner-management, OpenX. However, the above does not work, the output is behaving
[jQuery] How can I add a TRUE custom event or modify existing jQuery functions?
I have created custom styled buttons in my page and would like to toggle their class and therefore their look when they get disabled or enabled. So is there any way to call a function when .removeAttr ('disabled'), .attr('disabled', ''), and .attr('disabled', 'disabled') are invoked? Basically, is there any way to have enable/disable act like an event such as click, mouseover, etc.? I've tried overwriting the jQuery function as follows: jQuery.fn.removeAttr = function(name) { if(this.eq(0).hasClass('buttonDisabled')
[jQuery] this inside of click event
Hi, What does this inside of $('.test').click(function() { refer to? <script type="text/javascript"> $(document).ready(function() { $('.test').click(function() { alert('this = ' + this); }); }); </script> <a href="#" class="test">Click Me</a>
[jQuery] Some help with drag and drop in JQUERY
i am making a website i which the page is divided into two vertical parts. the left part is a div . eg : <BODY> <DIV id="container" witdh="100%"> <DIV id="leftnav" float="left" width="30%"> <div id="1" height="20px" weight="20px" ></div> <div id="2" height="20px" weight="20px" ></div> <div id="3" height="20px" weight="20px" ></div> </DIV> </DIV> I have some more div in the leftnav. now i want to drag and drop the DIVs(eg 1,2,3) on the leftnav onto the container div. for which i made the div(icon1,icon2,icon3)
[jQuery] offset question
Hi the offset function will find the first matched element and show the offset but in this case, the ul offset should be 0 to div#demo, but in firefox it's 8, and in IE is 10 why is that? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>offset</title> <style type="text/css"> <!-- body { font-size:
IE: problem with timestamp attribute
Hello, I use jquery 1-2-6 to modify HTML snippets. Everything worked fine until today. Today I used Internet Explorer instead of Firefox and found out that jquery modifies my HTML source code in the following way: <HTML jQuery1231602834750="248"> ... <TBODY jQuery1231602834750="246"> ... <TR jQuery1231602834750="245"> So somehow a kind of jquery timestamp attribute is added to every single tag. But only when I use IE. How can I get rid of these attributes? Thank you for any help. Rhodes
[jQuery] z-index issue
Hi, I'm just learning jQuery and working on stuff for fun, but right now, I am stumped! I have a hover animation happening with 4 small images. Think of them as being in a small box with some padding to separate each image. These images are small and absolutely positioned so i could change the actual size. Just to make sure you know what I mean, here is the HTML & CSS: <style> /* the images are actually much larger, we just want to show a snippet */ span.resize{ width:100px; height:75px;
Using jQuery from a loaded page
Hi Guys, First post and looking for some advice. I have a page where i have a jQuery function that loads an external html page into a certain div. This works fine and loads the html correctly into the div, the problem i have is that the jQuery functions that i have in the page Ive just loaded do not work within the main page. They work okay if i open that loaded html file on its own though. im using load() to load the page. I just wondered if there's something im missing when it comes to loading
jQuery live php search problems
Alright so what I am doing is using a text input and using the entered string to search a database for something that matches it, the trick is that it searches/filters the results each time a new letter is entered into the text input. So if I had a database and I entered "a" in the filter input it would count all of the rows with "a" in the database and return the id's then loop through that many times grabbing each rows data. Then I append that to the html page and it will be added. Now the problem
[jQuery] Problem with creating dynamic html...
Hello everyone. I have a problem with jQuery. This is (by default) in HTML file: <input type="hidden" id="brojacgrupa" value="1" /> <div id="grupe"> <div id="grupa1" class="grupa"> <input type = "hidden" id="grupa1" value="1"/> <div class="dodatni-sastojci"><span class="naslov- pos">Kolicina</span> <span class="kolicina-pos">Naslov</span></div> <div id="grupa-sadrzaj"> <div id="grupa-list"> <div> <div class="dodani-sastojci"><input name="vrijednosti[][1][kol]" type="text" title="Količina npr. 100ml,
[jQuery] jeditable & autocomplete - time to revisit?
Hi, I would like to combine autocomplete (http://bassistance.de/jquery- plugins/jquery-plugin-autocomplete/) functionality with inline editing of jeditable. (http://www.appelsiini.net/projects/jeditable) I have looked at previous postings and done a google search and turned up an instance where someone has modified the jeditable plugin to do this, by adding autocomplete config info as a third argument to the .editable command. I was wondering if it my be possible to add autocomplete functionality
[jQuery] [validate] Doesnt work with Struts2 generated forms
This is a very useful plugin that I use for all my projects. Unfortunately, I cannot use it with any of my Java Struts2 projects because I need to assign the name attributes of my input fields with periods in them. for example <input type="text" name="department.code" value="" id="setup- department-save_department_code"/> Validate rules for this dont work, underneath is an example. $("#setup-department-save") .validate( { rules: { department.code:{required:true} } } ); Is there some way I can still
[jQuery] COM Objectscombination is possible or not !!!!
But am using the php combination know , so it is not possible to call like load('phpfile name '); ? Sorry , i dont jquery,
[jQuery] Best way to preload an image to obtain dimensions
Hi All, I am building a simple little gallery where you click on a thumbnail, and a larger image displays on the same page. I was trying to adjust the padding around the large image using the new image's dimensions. I pieced together this image preloading code (see below), but I don't fully understand it (is it just loading the new image into the DOM to be able to access its dimensions?) and I don't know if it's the best way to go about it. Many thanks for any advice, Nora Brown $(document).ready(function(){
[jQuery] J QUERY - COM Objectscombination is possible or not !!!!
<br clear="all">Hi every one, Am working on the PHP COM Objects , When i run the com object, it take around 50 sec for loading, so for get the better performance we have to go to jquery, But i dont know how to call the com objects file php, But i know if we want to call the php file we have to call like this $('#divid').load('example.php') Can any tell below is my COM OBJECT IN PHP CODE, Can you tell now , how can i use the jquery for the below snippet, Thanks <?php $word = new COM("word.application")
[jQuery] Show/Hide Toggle Table
Hey Guys, I'm new to jquery, and haven't much experience with javascript. I'm trying to toggle a few rows on a table with a show/ hide. Is this possible with a table or do I need to rewrite my view using divs? <script language=javascript type='text/javascript'> $(document).ready(function() { // hides the slickbox as soon as the DOM is ready // (a little sooner than page load) $('#slickbox').hide(); // toggles the slickbox on clicking the noted link $('a#slick-toggle').click(function() { $('#slickbox').toggle(250);
[jQuery] Jquery UI tabs problem
Hi I am trying to make a simple example using tabs: But the problem is , if i have button in 2nd tab , after clicking it .... the control comes back to first tab ..... Here is the code example: <head runat="server"> <title>Untitled Page</title> <script src="jquery-latest.js"></script> <link rel="stylesheet" href="flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script type="text/javascript" src="ui.core.js"></script> <script type="text/javascript" src="ui.tabs.js"></script>
[jQuery] Need help to write one jquery/ html page
My problem is simple to state. I want an HTML page that has five boxes, with items in one that you can drag and drop into the other four, or back again, and which you can also re-order within any one box. I've got some working code that does this. But then, when the user has finished moving things around, I want her or him to be able to click on a button on the page, and go to another page, with the new position of the items passed on somehow in the post array. (Ideally an old-fashioned HTML 'post'
[jQuery] Is there a way to create Javascript virtual or logical path mappings?
I've got login templates that use jQuery and the path required depends on the ColdFusion template including the jQuery in the page. For example: tb_show("Login", "login/login_form.cfm?height=320&width=290&modal=true", false); This code's path, "login/login_form.cfm", works when included from a directory above the "login" directory. But when it's included in a template that's in a directory that's on the same level as the login directory, that path won't work. In ColdFusion, as of version 8, we can
[jQuery] element selection problem
What is the best way to select class="explanation"? I have available array var idArray = ['yyyy', 'state','gender']; I tried this jQuery('#'+idArray[i]+'Sector div.ex'); and it did not work. Note: I cannot use id inside of <div class="explanation"></div> <div id="yyyySector"> <input type="text" name="yyyy" id="yyyy" value="" size="4" maxlength="4"> <div class="explanation"></div> </div> <div id="stateSector"> <select id="state" name="state"> <option value='AL'>Alabama</option>
Next Page