Apply jquery plugin inside plugin
Hello, i need your help. I'm using the jquery asmSelect plugin, and i want to improve that plugin using jquery sping plugin inside the asmSelect plugin, so i need to know how to use a jquery plugin inside another plugin. I hope you can help me. Thanks!!!
[SOLVED] Big Problem with attribute ScrollHeight
Hello, I have big troubles with the ScrollHeight Attribute of a Div-Tag. The following Div has a clientHeight of 100, but a ScrollHeight of 102. Why is the ScrollHeight higher than the clientHeight? <DIV class="textBox ui-resizable ui-resizable-autohide ui-draggable selectedFigure" style="DISPLAY: block; Z-INDEX: 11; LEFT: 177px; OVERFLOW: hidden; WIDTH: 200px; POSITION: absolute; TOP: 351px; HEIGHT: 100px; TEXT-ALIGN: left" jQuery1261560997347="84" type="text" isEdit="false" unselectable="on" figureId="0"
strange problem
this is a rather strange problem and i dont know how to solve. I have a form which i am displaying in a lightbox called "prettyphoto". Now the form is placed inside a div which has property of display:none so this is how the light box opens when the page loads <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'}); // my validation code $("#txt_firstname").blur(function() { alert('hello');
IE issue - not all data received from ajax response
Hi I have problem with Internet Explorer and jQuery ajax. My jQuery code is: $.ajax({ type : 'POST', url : 'ajax_user_func.php', dataType : 'html', data: { iv_filter_mode: $('#filter_realtime:checked').val(), team: $('#filter_team').val(), country: $('#filter_country').val(), account_type: $('#filter_account_type').val(), iv_sorting: iv_sorting, iv_sorting_type: iv_sorting_type }, error:function(xhr, status, errorThrown)
Internet Explorer Issues -- Reformatting List inside Div on
Here's my code barebones. It works well in Firefox,Chrome, and Safari.Not in IE. My apologies in advance for using fractional ems and width and height %s. I'm basically coding a really simple dropdown menu and probably wouldn't even touch Jquery if not for IE on this. When I look at the menu in IE6, it puts every year and month in a single column as opposed to having a column for every year (as I want it). I know this isn't horribly difficult, but I'm having a real time with it. Thanks in advance.
Sorting Portlets
Hi, I'm really confused here.. I"m using this example to save the state of portlets. http://jqueryui.com/demos/sortable/#portlets How can i get the id of the portlet which i'm moving and how can i get the column id to which i'm dragging? I gave the id attributes in div for column and for the portlet like <input type="text" id=txtselected /> <div class="column" id="Col1"> <div class="portlet" id="P1"> <div class="portlet-header">Feeds</div> <div class="portlet-content">Lorem ipsum dolor sit amet,
imgPreview
Hi all I've been working on this all day today..I've followed this page, I'm working on Website links + previews http://james.padolsey.com/demos/imgPreview/full/ Here's my test which works OK http://www.rockinghamgateway.com/test/index4.html I'm trying to place the table into another page http://www.rockinghamgateway.com/test/index2.html Click on add your site tab, table is also off center too, I cant seem to work out why either ? when I add the following code to page, it drops every thing else out
i wanna a use a jqeury slinky slider but can't understand
hi Please tell me how can i use jquery plug in. where should i put this code $("#content").slinkySlider({ numberofpanels : 5, // number of panels to load smallsize : 20, // size in pixels of collapsed panel transition : 1000, // time in milliseconds for transition doauto : true, // automatic timed animation? true/false autotimer : 8000, // time between automatic animations panelspacing : 3, // gap between collapsed panels panelname : "panel" // sets the HTML filename (means filename will be "panel[x].html")
option "exception"
Hi ^^ I have a function that calls to the body for a effect ($("#body")). I was wondering if there is a way of saying to read the whole body except for a div. Greats!
Load ascx page in div using jquery
Hi I am newbie to jquery. i am working in asp.net. I know how to load aspx page in div using jquery syntax $('#divName').load('Test.aspx') This works.......... But same syntax fails for ascx page like $('#divName').load('Test.ascx') Please help me with the syntax by which i can load ascx page in a div. Thanks
[SOLVED] JQuery with CSS Sprites NavBar
I have a simple navbar using CSS sprites. I would like to show the currently active page but am having trouble: 1)determining how to create a "selected" class in the css and 2) how to target the correct div to add the class. I've searched the forum and I'm not using any toggle/collapse/etc. functions but if you know the answer and can link, that would be great. I've tried : $(document).ready(function () { $("nav.videos").addClass("selected"); but I can't seem to format the selected class properly.
[SOLVED] Galleria help
Hello all, I'm using the Jquery library, "Galleria" on my page here: http://www.buteyndesign.com/work.php My problem is: When I click on a gallery thumbnail, the page reloads and jumps up to the top of the page. I would like that to not happen like here at Galleria's demo page: http://devkick.com/lab/galleria/demo_01.htm#img/pier.jpg Any Ideas? I've been stuck on this little problem for weeks. Thank you.
.hide and PostBack Question
So I'm using this very simple code to hide some content. My only issue, is when I have a postback on the page it obviously hides all the expanded content. Is there a way around this? For instance if I expand a section, then click on a control that does a postback, I want that section to stay expanded, and not be re-hide again. $(document).ready(function() { //hide the all of the elements $(".viewSectionBody").hide(); //toggle the body on head click $(".viewSectionHead").live('click', function()
keyup help?
I am utilizing JQuery on a site I am developing and am using the keyup bind function to process the form via AJAX to check usernames, passwords, etc. The site I am developing this on is amermetals.com.cluster.sbts-hosting.com. If you click on the client portal link (top right) and then register button, it is not hitting the keyup function on the username field or any of the other fields. I tried to do a simple alert, but there are no errors. It was working the other day. Can someone please help?
Need help with an animated jQuery Nav menu- "On" State
Hey Guys, New to this forum, and pretty new to jQuery. I'm trying to use this jQuery script on my website: http://www.sohtanaka.com/web-design/ani ... ss-jquery/ I've had no problem implementing it, it works just fine. The problem I'm having is that I want the current page the user is on to remain highlighted. Does that make sense? So that the "Home" page stays on when the user is on the home page, the "About Us" page stays on when the user is on the about us page etc. With CSS rollovers I would
getjson not returning data
Hello, I have this basic code following and its not returning anything at all. Even the alert is not alerting. I have checked and the select is sending the value fine But nothing happens on return. What i am missing? $(function() { $("select#ctlByName").change(function() { cid = $(this).val(); $.getJSON("ajax.php",{cid:cid}, function(json) { alert("Data Loaded: " + json); }) }) }) Please help. Thanks.
NaN values in IE8
Hi all, I'm writing a twitter plugin, so far so good, works perfect in FireFox, Chrome ... but in IE i get NaN value... Here is a working version : http://www.darklandz.be/_dev/ If you go to the networks section in FF it displays correctly (latest tweets) : 16 hours ago (Monday 21st December 2009 @ 0:09) In IE8 it shows: NaN years ago (undefined NaNth undefined NaN @ NaN:NaN) here is my code : (function($) { $.fn.darkTweet = function(options) { var defaultSettings = { gebruikersNaam:
Include latest code
I know there are multiple ways to include the jquery base file in your code. Google is hosting the code and so is the main jquery site. Whats the best way to include the latest code. I know you can directly link to version 1.3.2 for example, but I don't want to link to a specific version and then when a new version comes out have to go back though all my code anywhere I'm using jquery and update to the latest version. I know with the jquery UI you can do something like this: http://jqueryui.com/latest/ui/ui.core.js
Selector and fadeIn/Out problem! (need help)
Hi people I need help with my navigation-system. My currently situation is the following: I've got a "closer" on my website, a button, that allows a close- function to the upper div-element, in which the closer seats. One level higher. It's the only parent-element with a "closer" on the website. My code: $('.closer').click(function () { $('div:has(.closer)').fadeOut(2000); }); It's really simple. Every div-element, that contains the closer-class, in my case all of them, will
[SOLVED] How do I stop a toggle during an animation?
window.$globals = { currentPage : '#idPageBlock_Main', lastPage : '#idPageBlock_Main' }; $(document).ready(function() { $('#idProducts_Link').toggle(function() { $($globals.currentPage).hide('slow'); $('div#idWorkholdSampler').animate({top:-650, left:20}, 'slow'); $('div#idMoldSampler').animate({top:-430, left:20}, 'slow'); $('div#idFixtureSampler').animate({top:-210, left:20}, 'slow'); $('#idProducts_Link .menu').removeClass('menu_unclicked');
Image resize animation
I was trying to create an effect similar to how the images on this page expand when you hover: http://demos.dojotoolkit.org/demos/ <script type="text/javascript"> $(document).ready(function(){ var img_width=$("#aboutus").attr("width"); var img_height=$("#aboutus").attr("height"); $('#aboutus').hover( function() { $(this).animate({ width: img_width + 50 + "px", height: img_height + 50 + "px", top: "-25px", left: "-25px" }, 'fast');
[SOLVED] Auto Suggest from xml document
Hello all, I am fairly new to jQuery and have a bit of a problem. I need to create an auto suggest box in a text input that derives its data from an xml document. My problem is that I am unsure of how to query the xml document for the information needed. This may not be a jquery question but I am no sure where to start. I unfortunately cannot use a php script from a DB as this needs to run within Joomla, but separate from its CMS functionality. Basically it will be a second footer fixed at the bottom
[SOLVED] Why is a removed class selector still clickable ?
Hi there!! I am a newbie here and had a strange problem, maybe someone can explain it: I have a function that changes it's element class on click. I Also use the class as selector for that function. So, when clicked, it should not be clickable again. But it does, like if, even after removed, it's class would still remain in the memory of DOM, or something... The only way to avoid this behavior is to put the actions inside a condition " if($(this).parent().hasClass("topFilterOptionOff"))" Does anyone
[SOLVED] Hiding and showing <li> tags
Hi all I have an application, that will pull all articles associated with a user on a page. As some users have posted approx 100 articles, I want to hide all but the first 5, then have a link that will show the next 5 or the remaining article that are hidden (if less than 5) I have the following code: jQuery.noConflict(); var numShown = 5; // Initial rows shown & index var numMore = 5; // Increment var numRows = jQuery('#list').find('li').length; // Total # rows jQuery(document).ready(function(){
JQuery Help. Submitting Form
Hi, I am new to JQuery and I think I am having a simple problem. I am submitting a form with JQuery and I have a separate file that processes what is going on in the jquery. I am looking to load the processing files contents while the file is processing. Here is my code: $(function() { $(".buttonss").click(function() { $('.error').hide(); var user = $("input#user").val(); var email = $("input#email").val(); var game = $("input#game").val(); var dataString = 'user='+
Using clone input fields and jquery oh my!
i am new to jquery and i am using clone to copy the last row of table with input tags modify the names of the input tags and appending it to the table. Problem is that the other jquery functions that put do blur and focus color changes as well as other things will not work on the new copied field. Any idea why? Here is the jQuery for the focus $('input[type="text"]').focus(function(){ $(this).addClass("EditingField"); }); and my copy function $('#ClassDetails input[type="button"]').click(function()
My JQuery ddmenu mousover link is not working in IE
Hi, all This is the code i have used, for png image as a background of my drop down menu. when mouseover the button area, menu is firing and shows list, but when i am mouse over the menu's the link is not working or not fire the link by hand symbol. but except IE all other browsers are working fine. any one can solve this? code: ================================================ <script> */ //var pathx = pathprefix ? pathprefix : ""; // these items can be redefined in global_vars.js var menu_pause
Jquery UI Cycle loading issues
Hi I'm part of the dev team of http://www.psgkonsult.co.za and we use Jquery UI Cycle for our header images. As the page loads, you will notice all the header images appearing below each other for a split second before the javascript plugin initializes and the images start rotating. Is there any way we can preload the plugin or is it the images that need preloading? How can we avoid the images appearing below each other for that short time before the plugin starts doing its job?
.css vs .animate
Hi everyone, my feeling tells me, that this is a rather simple question, which also may have been discussed several times, but still I wasn't able to find any suitable topic / answer. As said, the problem is really simple. In short, the first line works as anticipated, the 2nd doesn't work at all (when in-/out-commenting is changed ) $speech.animate({ fontSize: num + 'px' }, 'slow'); //$speech.css({fontSize: num + 'px' }); Help is very much appreciated. I hope I do not miss sth. very obvious. Thx,
$(":input") breaks
Hi, Need help in solving the problem of $(":input") breaking on IE 6.0 1. We are using JSF viewFragments - <hx:viewFragment id="frgmntInternal"> 2. We want to get all the form fields within this <hx:viewFragment id="frgmntInternal"> 3. The above view fragment is included as follows, <h:form styleClass="form" id="form1" binding="#{registrationBean.formName}"> <c:choose> <c:when test="${pageScope.registrationBean.userType eq false}"> <jsp:include page="/RegistrationPortletV.jsp" /> 4. The RegistrationPortletV.jsp
unable to focus on textboxes - update panel - jqmodal
Hi, I have a jmodal popup which asks for name. One textbox and one button. Name is required hence it has required field validator on it. And the button and the textbox belong to same validation group. I click "save" button, which saves the name and closes the popup. The problem is that when the name is not entered, the popup closes, therefore the popup should not close but since i have jqm.Hide() on button's OnClientClick it closes. So what I did is I removed the jqm.Hide(), add a css class to button
Automatic Tab Shifter
Hi everyone, I am trying to get the demo no jquery, where the Tabs automatically switch without changing URL's. Here is the link to the demo I am trying to recreate. http://jqueryui.com/demos/tabs/ Here is the url to the page where I am trying to recreate the demo on http://www.mdplusclinic.com/test2.php I included all of dependent jquery library, source code, and CSS files for the demo, and I still cant get it to work! arrrg! Am I doing something small and stupid? that is preventing this easy demo
Word count
Hi there. I'm trying to do a word count and obviously I'm not the first but I haven't found a way to do it without just counting the spaces. I guess if you have a text like: "Let me count the words for you." there will be 6 spaces so I could just count the spaces via words = stripped.split(" ").length; and add 1 and I would have the number of the words: 7 But if someone mistakenly enters: "Let me count _______ the words for you." (_ representing additional whitespace) I wouldn't get 7...I would get
Site Updates - 12/20/2009
Wow, I haven't been around the forum the last few weeks due to the holidays and work, and I was blown away by the amount of spam that had hit here! Thanks to those who reported offensive topics and spam - I deleted over 300 posts and banned 72 accounts today! Unfortunately, that just treats the symptom, not the cause. So in order to deter automated registrations, I added a simple question to the signup page that real users should have no problem answering. This won't catch all of them, but hopefully
problem with a "modal" on IE7
hi i have a gallery that have a link for the bigger picture. that should open a window with the big picture or a swf. it all works on IE8 FF safari and chrome, but on IE7 it just does not show at all. this is my code: the html: <div id="modals"> <div id="bigpic" class="windowpic"> <a href="#" class="close"></a> </div> </div> the jquery: $('a[name=bigpic]').click(function(e) { //Cancel the link behavior
a preloader does not work on IE8 and 7
Hi i have a gallery that i wanted to add it a preloader untill all the pictures are loaded. it work great on FF, chrome,safari but it does not work on IE: the preloader does appear but refuse to fade out, so the gallery does not show properly. this is my code: the jquery: var z = 0; var inAnimation = false; var imgLoaded = 0; $('#pictures').append('<div id="loader"></div>'); $('#pictures img').each(function() { z++;
I'm Stuck - jQuery jMenu
Hello! I have this code on meu page: <!-- JavaScript --> <script type="text/javascript"> $(function(){ // BUTTONS $('.fg-button').hover( function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); }, function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); } ); // MENUS $('#aplicacoes').menu({ content: $('#aplicacoes').next().html(), // grab
Working with jQuery tables <<-- I'm new-ish
hi; First thankyou for clicking on my post; I manage to use jquery to get data from a different page; function get_my_table(when) { $('#view8').html('<p><center><img src="http://www.site.com/images/loading.gif"/><br />Loading! Please Wait...</center></p>'); $('#view8').load("http://www.site.com/include.php?inc=Events&when="+when);} Just a simple request It returns a table with an id of event_table and i want to use a jquery extension on it (http://rikrikrik.com/jquery/quicksearch/) its for searching
Loading a LightBox link from another page
If you need to load a page and then add a light box to it be sure that the whole page is loaded before you add the lightbox or it will not function. In your description you add the lightbox and the load some content. The content are not in the dom when you add the lightbox so the lightbox don't know what to add it's function onto.
Jquery Slide Function Help
You have some reading you need to do. Start at http://www.jquery.com. But for your small example. 1. You need a height and width on the box class before you can see it. 2. Also set a background-color on it or the html body. 3. Your selection for the click event have to be "#box" as the # tells the JQuery that you are going to use the class to select the element by. and you ready to go <script type="text/javascript"> $(document).ready(function(){ $("#box").click(function () { $(this).hide("slide",
Next Page