jquery fancybox iframe popup works only for first image click of a LIST VIEW image gallery in asp.net
Hello all,Iam new to jquery.Iam testing fancybox jquery for my application to show a iframe popup when clicked on a image gallery.I displayed this image gallery using LIST VIEW control from asp.net 3.5.Everything goes fine in IE 7.x+,Chrome...but stuck up with issue for IE 6.0. It is once the image gallery is loaded in IE 6.0 when i Clicked on first image the iframe popup opens fine with exact defined size,but if i click any other image inside the gallery the iframe is loaded in a full new window.
uploadify - setting cookie in "onComplete" breaks it?
Hi, I'm trying to set a cookie, so I know that a file has been successfully uploaded. I have: onComplete: function(a, b, c, d, e) { if (d != '1') { var the_error = d; var content_to_add = '<b>ERROR:</b> ' + c.name + ' - ' + the_error + '<br />'; $('#errorList').append(content_to_add).fadeIn('slow'); } else { $.cookie("viduploaded", "1"); var tmp_size = c.size / 1024;
Negation
I can apply a class to anchors that contain images like this: $('#info a').children('img').parent().addClass('myclass'); However, I want to be able to apply the class to anchors that do not have images. How would I change my code to accommodate that? Thanks- george
Tricky question
Hi guys, I have a tricky question to the jQuery proffesionals. There is a mixed form list with input and option fields. I want to remove all not-needed labels of following option fields to get a styled form like this: This is the html code: <div class="all"> <div class="text"> <input type="text" /> </div> <div class="option key1"> <label>good</label> <option>1</option> <label>bad</label> <option>2</option> </div> <div class="option key1">
On text hover image change
Hi, I want this kind off effect (http://www.javascriptkit.com/script/script2/rolldifferent.shtml) using jquery. Appreciate your help. NS
[Tabs] css on the fly with Ajax content
I am using tabs to display content which I get with an Ajax request. After the request I would like to apply some css rules (coloring div rows, even and odd). It does not seem to do this cause this is 'live' data and the rule does not get applied. Any ideas on how to do this?
datepicker bug duplicating year
I tried this $("#datepicker" ).datepicker({ dateFormat: 'yyyy-mm-dd' }); but my dates look like this 20102010-10-16 Any solution?
WYSIWYG HTML editor for jQuery
Can someone recommend a good WYSIWYG HTML editor for jQuery?
Using 2 plugins on one element
So I've got two different plugins I want to use on one element. I've got a <select> element where I need to have proper styling and checkboxes in it. So I found two plugins that help me out. One being: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html Two being: http://code.google.com/p/sexy-combo/ Is there a way to combine these two together? Right now each plugin "creates" <select> element and uses the jquery on that.
an effect on 'selected image and other effects on all other
Hello everyone I'm trying to combine two effects simultaneously, I have a list of images when you zoom in on a step and all others are to become gray. http://www.sohtanaka.com/web-design...les/image-zoom/ http://www.sohtanaka.com/web-design...ver-over-trick/ how can I do? hello fm43100
Why this simple transfer effect doesn't work?
the body html code: <div style="background:yellow;width:500px;height:300px;"> <div id="div1" style="background:red; width:100px;height:100px; float:left;"></div> <div id="div2" style="background:blue; width:50px;height:50px; float:right;"></div> </div>then the js code: $(function () { $("#div1").click(function () { $(this).effect("transfer", { to: $("#div2") }, 1000); //$(this).effect("shake", { times: 2 }, 200); });
help with dynamically changing div style
Hi, i'm new to jquery and am not real familiar with javascript. I have a color picker on my page that puts the hex value in an input box. I'm not familiar with jquery or javascript in general. I would like to be able to take the hex value and use it in updating a style of a div onkeyup or onchange...say the border color for example. Something like this...but this isn't working....have any ideas? <input type="text" id="colorfield1" onFocus="ddcolorposter. echocolor(this, 'colorbox1')"> <div id="colorbox1"
Missing something between 1.4.3 -> 1.4.4 update (.filter or selector or)
I must be missing some differences with my selector or filter with the recent version update. Previously (which still works with 1.4.3 ), i have stored my checkboxes in an html array: <input name="purpose[]" type="checkbox" value="val1" >val1 <input name="purpose[]" type="checkbox" value="val2" >val2 <input name="purpose[]" type="checkbox" value="val3" >val3 <input name="purpose[]" type="checkbox" value="val4" >val4 and i pass the results from the array to js through json_encode: (for instance just
Superfish Rendering Issue Over <object> In FireFox
Here's the example: http://newinelabs.com/superfish_problem/ Basically, there is a QuickTime object under one of the expanded menus. When the menu is opened, the QT partially renders on top of the menu, especially when rolling over the expanded menu. Only tested in FF and Safari as of now, and it only happens in FF. I tried some of the Flash solutions, but no dice. Thoughts??
How to post <form> with "live" and "$.post"
This form field for a PayPal transaction will be produced during a user session. Does anybody know how to automatically submit it with "live" and $.post? Thank you! <?php SCRIPT print "<form id=\"paynowForm\" action=\"https://www.paypal.com/cgi-bin/webscr\" method=\"post\"> : <input type=\"hidden\" fooInputFields /> : <input id=\"paynow\" type=\"image\" src=\"https://www.paypal.com/en_US/i/btn/btn_paynow_SM.gif\" border=\"0\" name=\"submit\" alt=\"\" /> <img alt=\"\" border=\"0\" src=\"https://www.paypal.com/en_US/i/scr/pixel.gif\"
jquery validate, image instead of text
Hello all, I am trying to use jquery validate to place error icons instead of error text. Here is my code: <script type="text/javascript"> var Locations = []; $('document').ready(function() { var validator = $('#MyForm').validate({ rules: { title: "required", instructor: "required", fromdate: { required: true, dateISO: true }, todate: {
jquery .get not doing an xhr request! on firefox
Hi,I have just entered the world of jquery and pretty new to javascript too.I have a small javascript snippet like below:- <script type="text/javascript"> $(function(){ $('a').click(function(event){ event.preventDefault(); $.get('/_add_navigation_',function(response){ $('#themaincontents').html(response); }) }) </script> The html looks like below:- <a href="?toaddnavigation">CLICK Me</a> <div id="themaincontents"></div> On the server side I do an xhr header
using 2 jquery on one page
i'm using SlideDeck lite for Wordpress - http://www.slidedeck.com/ and trying to make it work with another jquery plugin Jquery Tabs - http://flowplayer.org/tools/demos/tab.... They both using Query JavaScript Library v1.4.2. Is it possible to make them work together?
superfish menu forcing horizontal scrollbar
The first generation dropdown works great as it slides down vertically from the horizontal menu. However, the second generation that flies out to the right of the first generation dropdown partially disappears off the right of the page (causing a horizontal scrollbar to appear). My navigation is right-aligned within the center-aligned content area. So all but very wide monitors will see this problem occur. I would have expected the plugin to be smart enough to prevent this scenario. What I need
Is there documentation for using media.js ?
I'm having difficulty all the way round with jQuery in that I find great libraries and plugins, but I don't know where all the documentation or "users guides" for all of these things that are supposed to make life easier. I'm just a beginner. Here's a perfect example of my question: I want to embed an mp3 player in my website to just make a slight brushing sound on mouseover. I have the mp3 file I want. It's about a second long. OK, after much searching I found the plugin called jquerty.media.js.
Events not fired when Iframe present on page
Hi, I am having problems with with event firing when an Iframe is present on the page. Once I remove the IFrame, everything works fine. Please note that the control has the focus when I press Enter key ( I read some articles that this might be the problem). I tried both in IE8 and Firefox. Here is my code: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript" src="/script/jquery-1.4.3.min.js"></script> </head>
javascript culture
I know that every language has its own culture, the culture of JavaScript is definitely unique. I am a big fan of jQuery, but I have mixed feeling in the implementation of jQuery core. The passed in parameters get reused and overloaded for semantics in many places, is it part of javascript culture. I know this might help to improve performance, but I don't know the actual performance gain, but the cost of maintenance will definitely increase. I have changed dataAttr function in data module of
jQuery.cache
I know that jQuery.cache object is used to implement the data api. I feel it is little in secure to expose to outside, for example, external script could easily break our app, by using jQuery.cache = null Should it be encapsulated in side the closure, so that it would not be temper. Thanks Fred
The problem about usage the of animate
I have a list for example <ul id="applications"> <li id="id-1" class="util"></li> <li id="id-1" class="app"></li> <li id="id-1" class="util"></li> <li id="id-1" class="app"></li> </ul>then I want a select some of the list with some animate effect, first the all of the elements would disappear, then the elements that I wanted would display one by one the code: $('#applications li').each(function (index) { setTimeout(function (e) { e.hide("slow");
jQuery - Why the validation rule doesn't support predefined value?
Hello all, I defined two jQuery validation functions as follows: <!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> <title>Test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> <script
Live Functions ??
Hi there, I'm working on a project where I need to execute a function on every select box in the webapp. So I created a jquery function lets call it 'myJqFunction'. I use it in the $(document).unload() and this is the code I use to call it $('select').myJqFunction(); . This all working fine in a normal website. The problem is that the webapp uses allot of json calls and jquery which loads content into the project at a later given time. In the later loaded select boxes the 'myJqFunction' wont be attached
datepicker position in wrapper
Hi I need to be able to position the datepicker inside my wrapper class because i'm positioning the datepicker absolute. Is there any way to do that?
jQuery UI and RubyMine code inspector errors
I am developing a Ruby on Rails (2.3.9) application on my Windows XP machine with RubyMine 2.0.2. I use HAML/SASS for the views...and want to incorporate jQuery and jQuery UI for some rich content. jQuery UI wants to work with a theme that uses a lot of background images (dropped into Rails /images folder). After I add 'jquery-ui-1.8.6.custom.css' (from the default download) to my stylesheets, then look at that CSS file with RubyMine, the code inspector indicates a lot of red errors...which makes
ScrollTop moves to wrong div
So im basically using a link, to scroll through a series of divs to select the correct one. Ie click on happy, and scrolls to 'happy' div, However, the scroll seems to not go to what its linked to, but scrolls to the third div in the list. Heres the code: <div id="portfoliowrapper"> <div id="row1"><a id="kazooki" href="#">Kazooki</a></div> <div id="row1"><a id="UoD" href="#">Universe of Downhill</a></div> <div id="row1"><a id="kudia" href="#">Kudia</a></div> </div> <div id="description">
Ajax file upload problems
I'm trying to use the Ajax File Upload plugin found here. I've entirely copied the javascript in the demo page's source and named my HTML elements the same as on the page. The only difference is the URL to post to. However, when I click the input button that I've wired up I get the following error (using Chrome): Uncaught TypeError: Object function (a,b){return new c.fn.init(a,b)} has no method 'ajaxFileUpload' Can anyone tell me why I'm getting this error? Furthermore, I'm using this with MVC. Does
Writing Text Animation
Hi, i need an effect which writes me an text. Like i do it right now. It should look like someone is typing normal text. How can i do that thanks
jquery .get not doing an xhr request! on firefox
Hi,I have just entered the world of jquery and pretty new to javascript too.I have a small javascript snippet like below:- <script type="text/javascript"> $(function(){ $('a').click(function(event){ event.preventDefault(); $.get('/_add_navigation_',function(response){ $('#themaincontents').html(response); }) }) </script> The html looks like below:- <a href="?toaddnavigation">CLICK Me</a> <div id="themaincontents"></div> On the server side I do an xhr header
problems manipulating loaded DOM
Hello all. I have some problems when I try to manipulate a piece of HTML loaded by jQuery.load() function. Here is my code: var $popupCorreo= jQuery("<div id='mypopup'></div>"); //loading html code into mypopup $popupCorreo.load("mypopup_code.html"); //setting mypopup display:none $popupCorreo.hide(); //appending to body (mypopup has position:absolute and max z-index) jQuery("body").append($popupCorreo); //this button is in loaded code jQuery("#button_1").bind("click",
Using Jquery with wordpress
I'm designing a wordpress theme on a local host and am trying to use a simple jquery function (the first one on the page I linked to) on my main page that cycles through a handful of images, fading between each image. I'm loading jquery using google in my functions.php by using this: if( !is_admin()){ wp_deregister_script('jquery'); wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"), false, '1.4.4'); wp_enqueue_script('jquery'); } and I'm also doing this
Menus appear/disappear on click
Hello, I've been looking all over the web and I can't find a solution. I am very new to jQuery as well. My case: I have a nav bar, each link in it activates/triggers a megamenu (each link has its own megamenu). What I need: I need a way to have each link activate its own megamenu, the megamenu should close when: 1. The user clicks on another item in the nav bar. 2. The user clicks on the same item in the nav bar. 3. The user clicks on a 'close button' (X) graphic inside the megamenu (not
Show/hide fixed footer
Is there an official way to show/hide a footer? What I'm trying to do is have the footer initially hidden and then display it programmatically. I've tried using style="display: none" on the footer and then $(..).show() but it doesn't actually display until i scroll or tap the screen.
Multiple Fields on single mouse click
I need to get the clicked on field plus another field in the current row of a table.... $(function() { $(".trclick").live("click", function() { $("#flightno").val($(this).text()); //.children("a").text()); }); }) Here is the table code: echo("<td class='tdclick'><a href='#'>$fnum</a>"); echo("<td>$tail</td>"); echo("<td>$stdate</td>"); echo("<td class='trclick'><center><a href='#'>$rev</a></center></td></tr>"); The class of a column in the table is assigned
Jquery-ui-tabs - After switching to new tab and scrolling to element, div immediately scrolls back to top.
Hello all, First of all thank you for taking the time to read my question. Here's a description of what I'm trying to accomplish, and the issue I'm presently facing - I have some HTML which looks as follows - <div id="wrapper"> <div id="opportunities"> <input type="text" id="txtSearch" /> <ul> <li><a class="tab" href="#IHIPOpportunities">In Hand In Proccess Opportunities</a></li> <li><a class="tab" href="#PendingOpportunities">Pending Opportunities</a></li>
Using JQuery UI Dialog
Hi all I am using the JQuery UI Dialog in my application and it works fine in IE, but for some reason in FireFox when the dialog opens it does not open to the size that I specify, it opens tall and narrow. I have attached a screen shots. One is the dialog open in Internet Explorer and the other is Fire Fox, the code is the same, but they open up differently, I am not sure why. Here is my script: $(document).ready(function () { $("#videoPlayer").dialog({ autoOpen: false, modal: true, show:
Jquery featured Content Slider (CONFLICT) with Mega Menu
Hi everyone, I am quite new to jquery and like it so far, dipping my feet but getting them very wet! I wonder if someone with knowledge could steer me in the right direction regarding the conflict I have with my Mega Menu and my Content Slider at sample page, http://www.fisher-offshore-ltd.com/sample.html , as you can see the Mega Menu appears under the Content Slider,.... any whiz know how to sort this conflict? ideas appreciated. best regards Gino
Next Page