using !important and .css()
Hi Guys. I'm using the following code to add a backgound color to an input box but the !important attribute is not being passed over $('#colorpickerField1').css('backgroundColor', '#' + HSBToHex(col) + ' !important'); Any ideas?
Newbie-Question about post request from lightbox-effect
Hi, I want to have a form shown on a page with the lightbox-effekt. I took fancybox from http://fancy.klade.lv/ Everything is fine. Only one lttle thing doesn`t work: the post request isn't send to the right page. my "db-result.php" looks like this: <head> <script type="text/javascript"> $(document).ready(function() { $("a[rel*=fancybox]".fancybox({ 'frameWidth:' 200, 'frameHeight:' 200, </script> </head> <body> <a class="iframe" href=search.php rel="fancybox"><img src="filter.gif" /></a> my search.php
extracting data being returned from PHP script
Here is what I'm trying to do. I will pass a directory to a PHP script, that script will then return an array of filenames back to the javascript that called it. In the javascript I want to take the filenames returned and create links to them in an unordered list. The PHP code to get the filenames is done and when I run the script I get an array that I have formatted into json... an example of the encoded array is as follows... {"filename:["file01.jpg","file02.jpg","file03.jpg","file04.jpg","file05.jpg","file06.jpg"]};
Login problem
I am having problem staying logged in when I use IE8 v8.0.6001.18702. Right now I use FF and having non problems what so ever.
[jQuery] the Event fix should add two fixed properties:layerX and layerY.
the Event Fix method should add two fixed properties:layerX and layerY. and now I have to write a little more: el.click(function(e){ e = e.originalEvent; var x = e.layerX || e.offsetX; alert(x); });
Full Page Scrolling Via Menu
Hi everyone, I'm looking for a tutorial or any kind of help; with a view to creating a website similar to these examples. Significantly simpler and not as polished, but with a similar functionality. http://carrotcreative.com/ http://www.nofrks.com/ Does anyone know of any useful tutorials or resources that can help me? I need a main navbar to make the entire page below slide in and out. A little different to the Coda-Slider which is generally implemented within a page as opposed to sliding the page.
[jQuery] Getting a variable out of a function
Hi, New to JQuery and hope this question has an easy solution. At present I am trying to assign a global variable from a function which is called on a mouseover event, fired by going over a hyperlink with a specific class. The code: [b] active = "false" $('.menulink').mouseover( function(active) { active = "true" return active }); $('.TEST').html( active )[/b] At present I keeping getting undefined errors and I can't figure out why. Would appreciate any help! Chris
[jQuery] jQuery progress bar
Hi, I am using jQuery progress bar it is working fine, here i want to stop using any background action up to completion of progress bar. Please advise me........ Thanks, Haranal
Probably IE DOM problem
Simple code ... $('.ikona_delete').click(function() { $('#popup').show('slow'); $('<form class="popup_form" method="post">').insertAfter('#shaft'); $('<fieldset><legend class="pm1">Editace</legend>').appendTo('.popup_form'); $('</fieldset></form>').insertAfter('.pm_1'); }); Can anyone tell me, why the hell does IE [8] do nothing, when I click the button, when every other browser runs it fine? -.-
[jQuery] jquery append() works for local but not when loaded from server side? the same html file
the html is like the following. it works fine if I load it as a local html file, but when I load it from a server, it doesn't, I printed $ ("#show_messages_div").html() in console but it showed nothing. it just doesn't make any sense to me. I tried searching around but found nothing. can anybody give me a clue? thanks. BTW:when I load it from server side, it shows nothing but if I type "$ ("#show_messages_div").append("dfdfdf")" in console, it works ... <script type="text/javascript"> $(document).ready(function()
[jQuery] Problem with SlideToggle in Safari 4
Hi, I have set up SlideToggle on my website to expand a div. When the div expands, it pushes the rest of the page content down the page. However, when I collapse the div the rest of the page content doesn't return back up the page and I am left with a gap where the expanding div was. This problem only seems to be in Safari 4 as in Firefox the rest of the page moves up and down with the div. Can anyone think of what may be causing this problem? Thank you.
jQuery on local computer - need to download all .js and .css
Is it possible to download all .js and .css files that i need. (i'm using UI datepicker, and I did download all .js required, but when i tried to download all .css i got an headache when i found out how many @imports, and @imports inside @imports there are) So is there a convenient way to download all .js and .css? Thank you!
Drag'n'drop help
I have made a drag and drop list with some function. Small eks. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Drag'n'Drop</title> <STYLE type=text/css> #drag { list-style-type: none; margin: 0; padding: 0; width: 60%;background: Silver;} #drag li { margin: 3px 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px;background: ButtonFace; } </STYLE> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
[jQuery] Live() event doesnot refresh the class of the event which was changed dynamically.
Hello, I got this problem with live() event.I have used it as follows. $(".addressDiv span").live("mouseover", function(){ //clickable function here...... ------------------------ }); I have used the live() event to trigger the function on mouseover in the dynamically added elements. But the problem i got is that once the live event is called it takes the class of the element and stores. And when the class of that particular element is changed dynamically the live() event does not detect the new
Working with multiple designers/coders. Coding conventions.
So basically by using jQuery you are able to completely separate your HTML from your js which is great. I work with templates most of the times which are maintained by designers who don't code so the code/design separation works marvells for me. One thing that is not working in my workflow is that in jQuery, since you address HTML using CSS, the designer might feel that all of a sudden those nice divs don't need to have borders any more. So they go out and change the template, removing some classes
Using jstree with jssplitter
Hi, I can not use jstree with jssplitter with 4 pane. I have a vertical splitter splits into left and right and each has horizontal splits. In left top I have a jstree just like a folder explorer in windows and in left bottom i have text boxes. In right top i have a grid and in right bottom i have labels. With this layout, if i try to drag the vertical splitter it adjusts the height and width of the left pane in IE. In FireFox it splits the window but not resizing the height and width for dragging.
[jQuery] Cleaning up javascript before ajax load
Hi there I have an ajax based page, which loads content from external page (html +js) So if i have a div "update_div" being updated with external content (html+js) Let me be more specifig Step1: Ajax content along with js loaded into update_div from a.html Step2: Ajax content along with js loaded into update_div from b.html What happens to the js loaded from a.html? Is it lurking in the memory or automatically/magically removed from the browser memory? I am afraid of memory leaks, if the js is still
[jQuery] IE does not update the DOM
Hi! I got a problem with IE when adding new events to a link... I have 2 arrays: array_id & array_img that holds the id of the link and the image of the img (<a id="someID"><img src="someIMG" /></a>) for (i = 0; i < cnt; i++) { img = get_image(array_img[i]); $("#i"+array_id[i]).attr("src", "images/"+img); $("#"+array_id[i]).attr({"onClick":"return false;", "class":"check"}); if (array_img[i] > 0 && array_img[i] < 10) $("#"+array_id[i]).attr("onDblClick", "open_slots ("+array_id[i]+", "+array_img[i]+")");
Ajax Request Failing, print out error message but how?
Hi, I use the "getJson" Ajax function in jquery calling a specific url and get the response format in json. As you see if the Request starts it displays a loading logo and after the request is finished the logo is hidden again. BUT if the request fails (no response from the called url) I´m screwed, the function you see below ("setTimeout("if ($('#loadinglogo').show() == true){ error(); }", 10000);") doesn´t solve the problem because I run into sync problems that way. Is there an easy way to acomplish
bit unsure ajax request
I made a form that submits data to a php form my code to subit the form looks like this <script type="text/javascript"> $(function() { // alert("running"); $(".button").click(function() { var FirstName = $("input#FirstName").val(); var Surname = $("input#Surname").val(); var Ext = $("input#Ext").val(); var Mobile = $("input#Mobile").val(); var Room = $("input#Room").val(); var Office = $("select#Office").val(); var userid = $("input#userid").val(); var dataString
please help - addClass + removeClass
Hello everybody.. first Im sorry for my english.. Im programming now jquery.. I want by click to add hi and remove the class lo. and when I click another div the class hi must adding and class lo must removing, here but the first clicked div who had class hi must removed and the old class lo must added. how can I do that? please help this is the code: <ul> <li> <div id="id1"> <a class="lo" href="#"></a> </div> </li> <li> <div id="id2"> <a class="lo" href="#"></a> </div> </li> so if click in id1 the
[jQuery] Animate-problem with IE
On http://worldfashion.se you'll se what i'm trying to achieve on the three divs if you put your mouse over "brand/blog/event". In Firefox it works perfectly, but in IE i'm getting an annoying space at the bottom. I'm changing the css of the divs using .animate with queue set to false. how do i fix this IE-rendering problem? do you have better approach to get the desired effect? thanks
[jQuery] <a>, hover & active
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">I have two image based links that open external an page in a <div>.<div> </div><div>I am changing the background via hover from the CSS.</div><div style="font-size: 15px; "> </div><div style="font-size: 15px; "><b>My CSS:</b></div><div style="font-size: 15px; "> </div><div><div style="font-size: 15px; ">#cs_contact<span class="Apple-tab-span" style="white-space:pre"> </span>{width: 146px;
[jQuery] jQuery Fancy Captcha
I'm having some issues with this plugin. First when it displays the images it never has the one you're supposed to drag listed (None, the book is always listed in the place of the one that is supposed to be dragged to the circle), this is in IE. In Firefox it simply does not work, it displays the same 5 images everytime and I get this error message in the Error Console (I removed the domain for security purposes) Error: uncaught exception: [Exception... "Could not convert JavaScript argument arg
Simple hierarchical selector gives weird results
I've got a bit of HTML which I cannot change. I need to operate on that pre-generated code and extract some data. jQuery is usually suitable but this time I'm getting very strange results. code looks like this (I will skip useless data) <html> <body> <table> <tr></tr> <tr></tr> <tr></tr> <tr><td> <table> <tr></tr> <tr></tr> <tr> <td> <a href="" class='red'></a> <a href="" class='red'></a> </td> <td> <p><a href="" class='red'>link*</a></p>
Post question
Hi, I am creating an Intranet style site and I am coming across a problem. the set up I am using is thus I have an index page on this page there is various sections which I load in using load, and store the pages in a pages directory. This keeps the seperate sections of the front page easily editable. <script type="text/javascript"> $(document).ready(function() { // do stuff when DOM is ready $('#welcome').html('<p><img src="images/ajax-loader.gif" width="16" height="16" /></p>');
[jQuery] ready() to bind post-ajax events
I haven't seen much mention of this on the web, and only recently discovered it works.... not sure if this is somehow bad practice or just a lesser known trick, but lately I've been chaining .ready() at the end of .html() when I want to bind events to new ajax data... I presume it's much more efficient than live(), and avoids racing issues. EG: $.ajax({ type: 'POST', url: 'myPage.html', success: function(c){ $(".response").html(c).ready(function() { bindNewEvent(".response
How can I stop browser window jumping to top of page
I'm completely new to jquery and javascript and am just trying to get a simple script up and running. I've put this in the head of the document: <script type="text/javascript"> $(function() { $('#fadein').click(function() { $('#togglecontent').toggle(1000); }); }); </script> with a div with an id of "togglecontent" and a link with an id of "fadein" in the body about halfway down the page. The toggle works well, but when you click on the link, as well as "togglecontent" becoming visible, the browser
[jQuery] live event doesn't work after append()
I found the bug ticket with similar problem: http://dev.jquery.com/ticket/4762, but it was closed as invalid. The problem still exists for me. I have the following live event: $("a:not([onclick])").live('click', ajaxLinkHandler); It's not applying to content loaded via $.ajax(...).responseXML which I used to append in the following way: // withing ajaxLinkHandler var content = $(loadedDocument).find("[component='"+ id +"']"); $(this.contentContainer).empty().append(content);
jQuery Tabs UI CSS...jQuery builder
Using jQuery builder, I used as my CSS Scope: .playertabs. It created a folder in the CSS folder called playertabs. In creating my DIV's for the tabs, I used Class=playertabs. From there, it should drill down and use the CSS page within the playertabs folder. Sounds good, so far, right? Ultimately, I desire to use multiple Tab UI's on one page. Here is my test page: http://www.hoosierhoopsreport.com/test/index1.php Here is the CSS code: .playertabs .ui-tabs { padding: .2em; zoom: 1; } .playertabs
[jQuery] upload file from jquery dialog modal form
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] jQuery Countdown and close button
I know I'm missing something obvious. the "Close" button is supposed to stop both countdown timers and manually toggle the quiz to the quiz complete div. It doesn't. So what simple thing am I missing here. :-) ### <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery ui test</title> <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="/js/jquery.countdown.min.js"></ script> <style type="text/css">@import
[jQuery] how to display sortable list with new order
Hi all: i am trying to use jquery UI sortable on my webpage to display toolbars. what i want is, let people sort these toolbars in the way they like. i have named toolbars with id "1","2","3","4", and i saved sorted order to database via toArray method. i was wondering how i could display these toolbars with new order when people browser my site next time, is there any method that supports it? i am really appreciate for your help, thx in advance andy
HELP - Getting a variable out of a function
Hi, New to JQuery and hope this question has an easy solution. At present I am trying to assign a global variable from a function which is called on a mouseover event, fired by going over a hyperlink with a specific class. The code: active = "false" $('.menulink').mouseover( function(active) { active = "true" return active }); $('.TEST').html( active ) At present I keeping getting undefined errors and I can't figure out why. Would appreciate any help! Chris
[jQuery] JQuery events and a possible scoping error on my part?
Just learning Java Script & JQuery, but an experienced developer, I've created a page with a series of elements that use the .slideDown() and .slideUp() functions to reveal and hide the different areas of content on the page. To facilitate this, the page's html uses links with ids similar to: { "dataRevealLink1", "dataToReveal1", "dataHideLink1" }. Clicking on a "data-reveal-link" causes a .slideDown() animation on "data to reveal", with appropriate reverse logic attached for the data hiding as well.
[jQuery] Convoluted Selector issue...
Hello Experts! Below are 2 of several divs that are displayed 1 at a time depending on which tab is selected. I'm trying to toggle checkmarks/filter states for each list independent of the others. But I don't know the fancy selecting needed to hone the aim of the checktoggle link. The goal is to have the a.checktoggle (line 5 of each block) toggle the checkbox (3rd line from the bottom) =============================================================== <div id="mainoffice"> <div class="searchbar mee"><b>Filter</b>Search</div>
Serialize Form Returning Empty String
I have been trying to get this working for hours, and don't have a clue what's going on. Here is the javascript I am calling: function validate_form() { var result = $("form#contact_form").serialize(); } `result` is always an empty string instead of the values in the form. Any idea what is causing this? Here is the HTML. <form id="contact_form" action=""> <div> <div> <label>To</label>
jQuery vertical horizontal scroller like Mootools scroller?
I was wondering if anyone would be willing to help me. I am looking for a vertical/horizontal scroller which is activated when mouse offset and hover. A great example of this is http://demos111.mootools.net/Scroller. The only problem with this example is that its mootools. I need a jQuery plugin. I have found the following which are great examples but only provide half the featers; http://valums.com/vertical-scrolling-menu/ & http://valums.com/scroll-menu-jquery/ . I attempted incorporate both together
[jQuery] Ajax with jQuery and Rails
I am learning Ajax with jQuery. My server is Ruby on Rails. In a nutshell, I do not know how to let jQuery give up control and let the server side take over. I have a jsTree displaying various nodes (folders in my application). If a clicked folder has documents in it, then I want to let the Ruby on Rails server code redirect the control to a different page that displays a list of documents in belonging to that folder. I can see that happening in the server side log, but the control stays on the folders
[jQuery] Initial Setup
I'm new to JavaScript -- and cannot get jQuery to work (unless I access http://code.jquery.com/jquery-latest.js) Is this permissible, or do I have to download jquery.js to my server? If not, I have other questions: * my hosting service does doesn't have gzip compression enabled -- what file do I need to install on my server if I don't have GZIP available? * how can I extract that file (jquery.js?) from jquery-1.3.2.js.txt? (looked for GZipper, but from what I can see that's Mac s/w and I'm running
Next Page