How to upload source code for a new jquery plugin
Adding a new plugin page only has Project resources section which only has links to refer. Is there any way by which I can just attach/upload my plugin source code instead of linking to some website?
Need help with a number of effects
the demo page = www.play.pylon.ca you can see the css there too in the source. What I'm trying to accomplish is when "Snap Shots" is clicked then the wrapper fades away and the footer slides down. Also, when all of this is happening the "snap shots" rectangle along with the empty rectangle to the right of it has to stay. I tried looking into hiding and showing divs via some javascript and I just can't seem to figure it out. For example: <script> $("#nav .nav_block h3 a").click(function () {
Closing a dialog on outside click and allowing width to be set via CSS
I see these as 2 major issues with the current dialog. I can't use it if these aren't fixed. Clicking anywhere on the window outside of the dialog should close the dialog. This seems obvious doesn't it? I don't want to set the width of the dialog through the init options. I want to set the width in CSS where it belongs. I am not interested in extending jQuery UI to fix these, I've already fixed the width issue by extending the dialog with a new widget and overriding the _size method, and I know
Applying a class to a link when hovering a different link
This what I have; $('a.toggleLink').mouseover(function() { $('.togglelink').addClass('.hover'); }); 'toggleLink' and 'togglelink' are two different classes, could this be causing problems? Basically I want to apply the class of hover to togglelink when toggleLink is mouseover-d. I'm guessing it's wrong as it isn't working but could someone let me know where im going wrong and how to fix it. Thanks.
onSelect and onClose events not happening...
Hi, I'm using datepicker, and i want the selection of a new date to have the effect of loading a new url. So used the onSelect: event I tried, didn't work. Simplified my code to just have this : $(function() { $( "#datepicker" ).datepicker(); $( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' ); $("#trigger").click(function() { $("#datepicker").datepicker( "show" ); }); $("#datepicker").datepicker({ onClose: function(calDate) { //window.location.href
display text with angle
Hi, i am new to jquery, I need to display text with 45(or 50) angle. Is exist some plugin for jquery? Or how can i made it? Thx lot
Change event not raised when using datepicker in IE8
When using IE8 and entering a date using the keyboard the change event isn't raised when the input loses focus if the datepicker was visible whilst entering the date. Steps to reproduce: Use IE 8 Focus the input field (datepicker should show). Enter the date "10/10/2010" in to the first input field (do not close the datepicker). Tab to the next input field. Result: The page still shows "Date: none" Expected Result: The page should show "Date: 10/10/2010" http://www.jsfiddle.net/gUc5c/8/ Notes: The
Trouble with jquery validator and AJAX form submission
I'm creating an AJAX form and wanting to run some client-side validation using jquery.validator (http://bassistance.de/jquery-plugins/jquery-plugin-validation/). It works as I move through the form but when I hit the submit button, the AJAX portion will submit the form regardless of the results of the validation. Is there a way to prevent the AJAX handler from submitting if validation fails? Here's my form code: <form id="form1" action="" method="post"> <label for="TxtName">Name</label>
FadeIn being biased? Image won't appear when it is in a sub folder.
I'm not to sure if this is a bug or not, but for some reason the jquery setup I am using does not load images when you have the images placed in a sub folder. The setup is a simple content switcher, and it is a combination of fadeOut, .load and fadeIn. Here is my prototype. http://ray.eltania.net/TEST/AjaxFadeInOut/index.html If you click on Refresh01, it will load and fadeIn the page, which says "TEST01 TEST01.........." great! But an image should have been displayed too. The page is http://ray.eltania.net/TEST/AjaxFadeInOut/Content/test01.html
More than 1 easyslide
Hi, I'm a Belgian student in computer graphics design and I'm creating a website, using EasySlider 1.7 (among other things). I have no problem adapting my code and EasySlider except for one thing : I have difficulties with putting more than one slider on the same page. I don't see which variable I should change... Here are the important parts of my code : jQuery $(document).ready(function(){ var currentPosition = 0; var slideWidth = 300; var slides
Workaround For Clicks In A .Selectable()?
Hello, For a part of my website, I had to set a .selectable() on the <body> tag of the webpage and filter the elements. But now clicks wherever on the webpage are not registered as clicks. The .selectable() method of jQuery probably catch the click and does something with it ... HTML: <body> <h2>Selectable table cells</h2> <table> <tr> <td>Cell1</td> <td>Cell2</td> <td>Cell3</td> <td>Cell4</td> </tr> <tr> <td>Cell5</td> <td>Cell6</td> <td>Cell7</td> <td>Cell8</td> </tr> </table> <br /> <h3>If you
set interval & .load work in all but ie
My code works on the initial load of ie. Which means .load does load the two files. However, it only does it once, in set interval it doesn't refresh the div with the updated content from the file. It works in every other browser except ie. Any thoughts? Thanks, var notify = window.setInterval(function() { $("#notify").load('test.html').fadeIn("slow"); } , 1000); ; //usersonline ajax request var oncampus = window.setInterval(function() { $('.users_online').load('oncampus.php'); }, 1000);
Getting <title> tag from HTML page using $.ajax()
I have a URL (var spUrl) and I am trying to get the <title> of the page at that location. I am using $.ajax() to pull the page and process the <title> tag from the response $(data). For some reason, Opera is able pull the title from the <title> tag, but no other browsers are able to do so. When I modify the code to pull the <h2> tag instead of the <title> tag, it works in all browsers. Here is an abbreviated version of the code: $.ajax({ url: spUrl, async: true, success: function(data) { var
Superfish opacity problem
I'm having a superfish/ie/opacity problem as described below .... hoping someone can help me out: I have a page with an image used for the background. On that page there is a div with it's opacity set so the background image shows through. In that div I am using a superfish menu ... it has several submenus. When the submenus expand past the boundaries of the containing div they will not show in IE (FF is fine.) Layout something like this: <div id="container"> <a id="menuHeader"
FadeIn and FadeOut (ROW TABLE)
Hello! I have two tables, one father y the son. When I select a father`s line I want it to show me all its children. right now what i'm doing is through TR display' way, hide and show. I would like to do it with the FaceOut and the FaceIn of the Jquery. The problem is that only the FaceIn and FaceOut of the last line works. Am I doing something wrong? function ShowHideTableRow(rowSelector, show, callback) { var childCellsSelector = $(rowSelector).children("td"); var ubound = childCellsSelector.length
Accordion error through Prototype
I am trying to use the jQuery accordion in my JSP but encounter some issues from Prototype 1.4.0. I have no way of booting Prototype from the application (especially since it's included in the page that encapsulates mine, of which I have no access or control), so I'm left trying to make the two coexist well enough. The code is pretty basic and rudimentary at this point, but I'm simply trying to prove the two can coexist and go from there. Running the page displays everything correctly with the first
Second Pop Up Video Issues
I am attempting to have 2 locations on a site where a pop up video will display. The first video pops up fine, but the second video window pops up, but does not load the flash player (utilizing flowplayer swf). Here is the code from the site: <ul> <li><a href="#video" class="popup">Pool Paradise</a> </li> <li><a href="#art" class="popup">Art Comes To Life</a><br />3D Version</li> </ul> <div style="display:none"> <div id="video" style="width:425; height:344px;"> <!--<object width="425"
Any plans to integrate ben almans resize event plugin ?
I am writing an app which also should run on desktop browsers (which do have resizable screensize and which do fire resize events very browser dependent). http://benalman.com/code/projects/jquery-resize/docs/files/jquery-ba-resize-js.html throttles the resize events if necessary. So my suggestion is to integrate this plugin into jquerymobile, too make the resize event consistent among non-mobile browsers. But if it is a design choice to optimize only for mobile, I do understand, I appreciate a reply
Using $(document).ready within ajax loaded page
I am using jQuery in a strange environment where my page is dynamically loaded via ajax, the problem is the html content and javascript content are loaded separately. I have gotten around some of this by using .live for the events I have used so far but I am now trying to run javascript after the page has completed loading. I am trying to get the jQueryui tabs working among other things. I have tried using .ready and .live('ready', on a div that is loaded but neither works. The .ready seems to trigger
Can't get Datepicker working in ASP.NET content page
Hello! Newbie to JQuery Datepicker here. I'm trying to use it in an ASP.NET C# form content page with no luck. I've even tried moving the scripts to the Master page, even though I'd prefer to just use it on a few content pages. Below is my code. Could someone please show me what code changes I need to make to get this working? <%@ Page Language="C#" AutoEventWireup="true" CodeFile="speaker_request_form.aspx.cs" Inherits="SpeakerRequest" MasterPageFile="~/MasterPages/Content.master" %> <asp:Content
Mobile Browsers to test?
Which are the available Mobile Browsers / Emulators that can be used to test a site developed with jQuery Mobile - on an Ubuntu system? The Only one that I know of is Opera which gives emulators of various screen sizes.
Made bug fix - unsure how to proceed
Hi, I'm new to jQuery UI development and stumbled upon a bug in the datepicker. I tried to submit a bug report in trac, but it won't allow me to file it. At http://bugs.jqueryui.com/newticket I get "TICKET_CREATE privileges are required to perform this operation". Anyhow, I managed to write some new tests for the bug and fix it in the implementation. I pushed the bugfix to my fork git://github.com/pheiberg/jquery-ui.git (15a21d537ab3af0c80f3). Since I had no bug to file it against, the commit message
Problem with ui-btn-active class and status flickering
I have a jQuery mobile app up and running at the following location: http://l5rhonor.com (I'd love your thoughts on the app.) All in all the app runs great, though I've started to see the following issues: 1. After interacting with the app for a little bit (changing options, swapping back and forth between the "My" and "Opp" screens, I find that the "ui-btn-active" class seems to lose its proper reference and will hi-light the wrong button. 2. After interacting with the app for a little bit (same
Problem - jQuery post method including mod_rewrite
Hi all, I have problem with sending post request via jQuery method. Some explanation: !!! This case is working on my private PC perfectly fine. I'm using simple post method to send information to php script: $.post('do.php', {name: "John", age: "25"} , function(data){ alert(data); }); PHP Script <?php echo 'post request:'; print_r($_POST); ?> It's preatty simple... As I wrote on my PC is working fine! Unfortunately I uploaded it to 1ana1 servers.... and this is pain in the
prepend AJAX data if not exists
Hi there, I've knocked together a simple chatroom app that gets new messages via an ajax call and prepends it to the list of messages. It does this by looking for the first hidden div with ID comment_counter, which contains the ID of the most recent message in the list that the client already has. The ajax call then makes a request to another page that returns a string of HTML with just the messages with an ID greater than the most recent one. That gets prepended to the current list of messages,
check values of html array before submit
I have a form where I click a button and it duplicates the inputs thus now having X of the same inputs. The input name looks like so: <select id="select" name="cs_quantity[]"> Is there a way I can check the all values of the quantity before submitting the form? I want to make sure they've chosen a quantity other than 0, thanks.
javascript
hello, I´m new to jquerymobile, I call the follow page with this $.mobile.changePage("contenido/contenido3.html", "pop",false,true); I do not understand the why the alert message is not displayed. Thanks. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> <link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" /> <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
[validate] how to use remote method on submit
hi i have a form in which i have to remotely control an email field but only if another given field is filled. For what i've seen the remote method works only on blur/keyup once i filled it, but i need to check it on form submit? How can i do this? Thanks Vitto
jquery maths and vars
I'm having a tough time with this. I would like to scroll a div from left to right accross the browser window no matter what size the window is. I'm have a problem with the syntax, I think my logic is correct. I get the screen size and place it in a var, I place the div off the left side of the screen with css, I animate the div accross the screen using the screen value + the div size so that it will clear the right side of the screen completely, I then animate it back to its starting position by
How to set Button look independent
I'm using the Themeroller to design my own theme. I need colorful window title bars / accordion bars but clean button colors. Is it possible to set Button color / background independent from "clickable states" attributes used by most other controls? Any help appreciated!
IE6/7 issue - jQuery Dropdown menu disappears when you hover over jQuery slideshow
Hi Gents, I've run into an issue with IE6/7, involving a jQuery dropdown menu, and a jQuery slideshow. Basically, I have a dropdown menu, which overlaps a scrolling slideshow on the dropdown. The menu works perfectly well in IE8, FF, Safari and Opera. However, in IE6/7, when the menu is in its dropdown state, and the cursor scrolls over the slideshow area (which is underneath the dropdown), the dropdown disappears. I think I'm having the same issue as the poster here, but he didn't seem to find a
jQuery And $_GET[] variables in php Problem..
Hello! every body.. I have this echo in PHP echo "<tr class=\"d".($i & 1)."\"> <td class=\"TrConf\">{$row['username']}</td> <td class=\"TrConf\">{$row['tmima_name']}</td> <td class=\"TrConf\" align=\"center\"><a href=\"{$_SERVER['PHP_SELF']}?action=delete&id={$row['id']}\" > [DELETE]</a> <a href=\"{$_SERVER['PHP_SELF']}?action=edit&id={$row['id']}\" onclick=\"$('#example').fadeIn('slow')\"> [EDIT]</a></td></tr>"; here is the jquery script <script>
postback causes animated transition
simple example: on my login page, user enters login/password then hits submit button. Submit button posts to server, validates request. If authenticated, user is taken to main menu else login page is shown again. In alpha 1, if login failed, postback would return login page with no transition as you might expect it to work. in alpha 2, if login failed, jquery mobile transitions the same login screen from right to left which is not what you would expect to happen. Can anyone explain if this is a
Jquery inArray function always returns -1
In Firebug when I rollover the SelectList variable it certainly looks like an array. if (GroupList != "") { $('select[name^=DDLColumns1] option').each(function(){ if ($(this).val() != "-1") { var ItemsArray = $(this).val().split('|'); var DataTypes = ItemsArray[1]; var TestItem = "[" + ItemsArray[0] + "]"; PROBLEM IS HERE---> if (jQuery.inArray(TestItem, SelectList) != -1) { if(DataTypes == 104) NewSelectList
having problem setting margine-left value
I am appending a div tag with following jquery all going good but " margine-left " is not working $("<div>").attr("id", "container").css({ position:"absolute", margine-left:"20px"}).appendTo("div#viewer"); any idea how to solve it .
Keeping Track of Checkboxes
Hi, I have around 30 check boxes in a form and I need to keep track of their status if they are checked or not and based on that change the data in the dom. I am stuck on the logic of how to implement or code for 30 check boxes. I was using the below example code but there will be a lot of if statements as I need to always know what their status is. Is there a better way I can manage so many check boxes ? if($(this).is(":checked")) Any hep will be highly appreciated. Cheers, Vishal
McDropDown - disappearing menu items when using hover over delay
Hi, I have set the hoverOverDelay option to 700 for my drop down. When I select a menu item, more often than not, that item then disappears from the menu if I click on the drop down again. If I then remove the hoverOverDelay option from my jquery, the problem goes away and the menu works fine. Steps to reproduce: Click on the drop down, select the last item Click on the drop down again, notice that the item you selected in step 1 is now missing. I have provided some test code below. Can anyone help
"attributes is null or not an object" in 1.4.4
I use the same function as event-driven as well as simulation I simulate the applyTemp() function from the other function, it will shows the error "attributes is null or not an object" 1. function applyTemp(){ 2. try{ 3. var $this = $(this); 4. if ($this.attr('class') == 'details') { 5. } 6. } 7. catch(e){ 8. alert(e); 9. } 10. } The same method was works well in 1.4.3
Jquery Index
I have a ul list and i know index of all the li's. If i want to add a class to 7th index, how will i do that? More specifically, how will i select an element using index?
European number format in jQuery Calculation Plug-in (v0.4.08)
I have used the jQuery Calculation Plug-in (v0.4.08) in a pricecalculator. I all works very fine except for returning numbers with a "." - thousand operator. In order make the plugin compatible with danish the price format: fx. 1.212,95 kr. I have set the calculation defaults as following. $.Calculation.setDefaults({ // a regular expression for detecting European-style formatted numbers reNumbers: /(-|-\$)?(\d+(\.\d{3})*(,\d{1,})?|,\d{1,})?/g // define a procedure to convert the string
Next Page