One link needs to toggle different elements depending upon the url when it's clicked - HOW THE HELL?
I have a single page which uses tabs to segment the content. Alongside the tabs themselves is a button for 'Help'. I'd like this button to open a different DIV depending upon the tab that is currently being used. For example, if I am on a tab for 'Ben', if I click the 'Help' button I want the 'helpBen' DIV to slideToggle. If I am on a tab for 'Paul', when I click the 'Help' button I want it to open the 'helpPaul' div. Some extra needs: 1. switching to a different tab should close the currently open
Div width expands after animation effect in IE7
NB - This issue only occurs in IE7 and IE8 Compatibility Mode, everything is fine in FF and IE8 Hi everyone, I posted a little while ago http://forum.jquery.com/topic/question-about-effects-in-ie8 about a problem I was having with animation which was caused by my use of inline-blocks. Someone pointed out at the time that my site wasn't going to work with older versions of IE and i've just gotten around to fixing it. My Site: http://www.gardengenius.co.uk The Problem: The nav menu at the top
Cycle: cannot click pager.
I have used the cycle plugin, but cannot seem to get the pager functioning right. I am not able to click on a specific pager image, in this case a dot, and job to the corresponding image. Why? And why is only some of my pictures viewable? I can see them all in my offline version. My site: http://web.me.com/kafri/kasperfriis/ Hope you can help me.
jquery expander plugin not working
the jquery plugin is not working on all the tags as its supposed to be. here is the code <script type="text/javascript"> $(document).ready(function() { // simple example, using all default options $('.expand_hide').expander(); // *** OR *** //override some default options $('div p').expander({ slicePoint: 5, // default is 100 expandText: '[...]', // default is 'read more...' collapseTimer: 5000, // re-collapses after 5 seconds; default is 0, so no re-collapsing
Uploadify - Passing renamed file back to form
Hi, jQuery noob here! I'm trying out uploadify to upload images & files. Got it all working fine and got it so that it inserts the filename as a hidden form element so I can grab the filename on post and insert into the database - <script type="text/javascript"> $(document).ready(function() { $('#file_upload').uploadify({ 'buttonImg' : 'images/browseBtn.png', 'height' : 21, 'width' : 84, 'wmode' : 'transparent', 'scriptAccess'
Posting canvas data url along with other form data
Okay so please can somebody tell me what Im doing wrong here. Im trying to convert the contents of a canvas into a data url and then post it along with other inputs to the controller in order to save an image. The PHP: <form method="post" accept-charset="utf-8" action="<?php echo ($base_url . 'template/new_template'); ?>" name="form" id=form" /> <?php $edit_template_code = array( 'name' => 'edit_template_code', 'id' => 'edit_template_code', 'value' => set_value('edit_template_code')
JQuery / JQueryUI upgrade breaks Tabs AJAX calls (WRONG_DOCUMENT_ERR)
I have a chrome extension that works fine. I went to perform some additions to the functionality, but though i would first upgrade the Jquery and JQueryUI to the latest releases and retest. This breaks the extension. I have a Tab panel with 4 tabs, 2 tabs are static and 2 are href'd. The 2 href'd tabs fail to load (remain blank) and in the chrome console i get the WRONG_DOCUMENT_ERR message. I am moving from V1.4.2 and V1.8.2 (UI) and was taking them up to V1.5.1 and V.8.11. You can see a sample
List-based menu dissapears on first rollback to main-button
Hi guys (and galls), I'm having a weird and ilogical problem. I'm building a site with a unorderd list-based menu. On mouseenter on the button with a submenu under it, the submenu fades in and should only fade out after leaving the submenu and/or the main button. So if i roll from submenu to the main button, the submenu doesn't fade out. Only problem is, that on the first roll-back (lets call it that) the submenu dissapears (which it shouldn't do). On further roll-backs it works as expected.
help using tooltip with swf or flv file*
I am trying to figure out a way to have the rollover load a .swf or .flv file (flash) very small files. here is an example of a site that does this: http://www.videocopilot.net/tutorials/ - if you roll over the tutorial thumbnails, you will see a flash file load. - is this possible to do with tool tip? or is there another plugin specifically for this function?? any help is appreciated. thanks!
Licensing Issue with EPUB
Hello. That is, I'm trying to implemt jQuery within a epub. On a technical poit of view, It was successed (jQuery UI is succesfully worked!!), But on a licensing point of view, I'm very confused. As you know, epub is distributed as one archive file, jQuery is archived as one file with other contents. How can I license these EPUB files which containing jquery? And can I sell such as EPUBs?
urgent please : How to get all child control ID or attribute or tag name in parent Div
I have a Div control d1 and in this div I have furter div and span control.I want to get a list of all element in an array. please help??? <div id="d1"> <div> <div id="h1"> <div id="h2"> <span id="s1"></span> </div> </div> </div> <p> </p> </div> output arrary1[0]=div arrary1[1]=div arrary1[2]=div arrary1[3]=div arrary1[4]=span arrary1[5]=p
Radio buttion - display data on click
I am trying to use radio buttons to display data received from PHP via a MySQL database. The following code works in that it will indeed display the data upon clicking a choice. Subsequent clicks on the other two choices in the same session, however, do not result in a display of anything but from the original click. The new data is recovered (as verified by firebug) on subsequent clicks but is not displayed. I've tried variations of .hide(), .show() and .toggle() but I'm obviously on the wrong track.
Loading page within an allready loaded jquery page!
i was wondering whether it is possible to load a second page from a already loaded page using jquery, i have already done loading the first page, in this case its a gallery i can load all the images i want as thumbs now what i want is to click on em and a pop window that will show image details, i have the script for the pop window too, but when i combine the pop window with the gallery loaded with jquery the pop doesn't work . <a href="detail.php?iid='.$iid.'" class="ajax"><img name="" style="margin:2px;"
Editing the css of the last 2 items
Hello jQuery developers, I have this case: 1) A <div id="box"> that contains a random quantity of floated <divs class="item">. 2) Each <divs class="item"> has a border-bottom to visually make a separation among the top and bottom elements. 3) Every two <divs class="item"> forces a line-break, like in my example. 4) I need to remove the border-bottom of the last divs located at the bottom. There are two posibilities: 1- there is a single div 2-or there
Show/Hide divs for multiple selects
I have a jquery function that will show or hide a div id="hide1" based on the result of a select id="ticket1" $(document).ready(function(){ $('#hide1').hide(); $('#ticket1').change(function(){ if(this.value == 'adult'){$('#hide1').hide();} if(this.value == 'child'){$('#hide1').show();} }); $("#ticket1").change(); }); It works well! But my script actually clones elements of the form so a user could be selecting adult or child for a number of tickets - ticket1,ticket2,ticket3.... How can
a:hover effect
Hello ! I'd like to know how can i make a hover effect like the bottom frame one ( fade from white to bloody red ) http://www.bryanboy.com/bryanboy_le_superstar_fab/2011/03/the-power-of-flowers.html Thanks .
jquery cycle plugin captions/ wordpress theme
Hi there, I'm really new at java script programming so please bear with my ignorance. I installed the portfolium theme by wpshower in my friend's site (http://boyarskymurphy.com/wordpress/?portfolio=christ-church-tower) and it works well, but the theme doesn't allow to display captions. I looked at the example on the jquery cycle site for displaying the metadata but i don't seem to integrate well the two snippets of code. Here's the code from wpshower: <script type="text/javascript">
nested accordion only shows one option i.e. not fully expanding
Hi, I'm trying to setup a jQuery UI nested accordion for site navigation. The nested accordion opens/expands showing only one option, while there are two in the child according list. I cannot figure out what the problem is here. I've tried all the options as clearStyle: true and autoHeight: false, but than the accordion is not working at all. Can anyone help or is this a known bug ? this is the code: jQuery(document).ready(function(){ $("#accordion").accordion({ active: false, header: 'a.head',
Tabs in jQuery Mobile
Are there some widgets such tabs in jQuery Mobile? I 've seen tabs in Dojo Mobile.
Multi-Login Script - Help
I’m trying to create a ‘Multi Login System’ that connects to two different websites which as two different input field variables using a 'Dropdown Box' and once it's onChange it changes the name="" field to the respectable fields as mentioned below. Website 1 Username Input Field: username Password Input Field: password Submit Input Field: login Website 2 Username Input Field: username Password Input Field: user_password Submit Input Field: user_login I know this can be accomplished using, php, javascript
jQuerty functions.js what is this for ?
Hi, here is the code I have in that file. I started reading the tutorial just in the beginning and there was explaining where I need to write my functions after the ready event. Ok but with with HTML5 Reset I have this index.html page setup with jQuery: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script>!window.jQuery && document.write(unescape(''))</script> <script src="js/functions.js"></script> And I was wondering why do I have this functions.js
retrieve the selected value of a combo select
hi! I have to retrieve the selected value of a combo (select) In the page there are 2-3 dynamically generated select with the same class $ ('select.inputboxattrib') and belong to different forms but when i do idatt = jQuery ('select.inputboxattrib'). val (), alert (idatt); it shows me the value of the first select, even if I selected the second one I tried with $ (this). val (); but when I insert it does not work anymore maybe becouse there is Each but otherwise nothing at all please give me a
Banner Cycle plugins
Hi all, On IE8, when the page is loaded with a banner cycle plugin inside ... (I use the basic layout with a simple banner, with 5 images cycle) => All the images are displayed shortly, then only the first one is displayed alone... Why displaying all the image ? This is normal ? How to change that .. regards,
Why this always return "undefined"
Hi every, I have this two HTML select (consigna_id depends on manufacturer_id selection): <select id="manufacturer_id" name="manufacturer_id"> <option selected="selected" value="0"> --- Ninguno --- </option> <option value="6">Júpiter Ediciones 9. C.A.</option> <option value="2">Proveedor 1</option> <option value="3">Proveedor 2</option> <option value="5">Proveedor 3</option> <option value="4">Proveedor 4</option> </select> <select disabled="disabled" id="consigna_id" name="consigna_id"> </select>And
split button ajax function example
I wrote a function to streamline the creation of drop-menus that conform to jQuery UI (a split button with drop-down). Simple menus based on an array of strings are possible. As are ajax-driven menus. And I've allowed the linking of menus -- a sub menu that can update (via ajax) when a choice is made on the primary menu. http://chasefox.net/jqui/drop_menu/ enjoy. This is a working first draft. It is intended to be used as a form field, but that portion hasn't been completed yet.
home button // back button
hi there, i have problems to understand with the nav buttons. if i navigate my site and hit the backbutton, the site returns to the last visit page and jump(like anchor)to the last used button ! if i use the home button i return to the main page, without jumping to any button! here my question: is it possible to use "back" buttons without jumping to last used button? i want only revers to last visit page and start on top.. thanks sorry for my english jerry
JQtouch doesn't display my search button and link
Hi I just started to build some native iphone applications using html, javascript and css. In one of them, I am trying to allow my users search through my app and display regarding pages. I am using jqtouch. My problem is that I can't see the search button and its functionalities when I use jqtouch. Any ideas? You can reach my source codes by visiting http://www.eskipusku.com/vergi_app2/search_jqtouch Please use Safari nad UTF-8 for encoding index.html : it is the search page searchresult.html
jquery mobile have problems to link search results in native iphone applications
Hi I just started to build some native iphone applications using html, javascript and css. In one of them, I am trying to allow my users search through my app and display regarding pages. But my problem is that although my application works correctly on Safari on the net, or on my local, it doesnt display results on my iphone as a native aplication. I am using AppMakr facilities to build the .ipa file. You can reach my source codes by visiting http://www.eskipusku.com/vergi_app2 Please use
Attach ui-widget to dynamic element
When dynamically creating a div using an .ajax() function. I'm unable to attach the .tabs() widget to the newly created <div>. This link creates the new div and pulls the #tabs div from "somefile.php" <a href="newdiv">Creates New Div</a> <div id="newdiv"> <div id="tabs"> <ul> <li>Example One</li> <li>Example Two</li> </ul> </div> </div> Here is the script I'm using. Output - Error: (d || "").split is not a function $( "#tabs" ).live(function(){
How do i parse XML using Jquery and build HTMl Form
Hi How do i parse XML in JQuery and build HTML Form Ex XMl :: "<?xml version='1.0' encoding='UTF-8'?><profile><title>PricelessCitiesNewYokrRegistration.</title><site></site><application></application><fields><field><label>Email</label><type>text</type></field><field><label>Password</label><type>password</type></field></fields></profile>" And The form Should like below . Email :: TEXTBOX Password :: TEXTBOX Submit Button When you click submit button it will take those two values
.each and "li" bold
So i have this code before jquery starts and then i call it in order to highlight the correct item in my <ul></ul> list.. on Firefox it works just fine but on IE8 it doesnt work, doesnt make the li item bold.. here is my code: function highlight_li(){ $(".main_div").find("li").each(function() { if ($(this).text() === "second_li"){ $(this).css("font-weight", "bold"); } }); }So what this does is it searches the .main_div's <ul> list and if a li item has the value
apply datepicker to input element in a hidden div
I am applying a datepicker to an input field in a hidden div that is a jquery dialog that will be opened by another trigger. The same code on one shared hosting (aruba.it -> www.parrocchiasanlino.org) works fine, while on another shared hosting (altervista.org -> consultapg33.altervista.org) the datepicker isn't hidden like it should be. It's appearing where the hidden div is on the page, towards the bottom of the page. I'm not seeing any particular error messages in firebug in this regard either,
Anyone who had done a jquery Throttle function?
I make a function like this: function throttle(fn, delay) { var timer = null; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(context, args); }, delay); }; } // so when you do this with jQuery, here is what you should do $('input.username').keypress(throttle(function (event) { // do the Ajax request }, 250)); and i find a problem , if my request to the server have
jquery validator in IE7
Hi, i'm using the JQuery validator plugin from this site: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Works excellent so far, except in IE7... It just doesn't do any checks, and when i press on a button it doesn't respond to it either... Anyone else encountered problems in IE7 ? Or is it just that my code isn't good? This is what i have for a login: var v = $("#login").validate({ errorClass: "warning", rules: { email: { required: true, email: true }, password:
Simple php mailer with validation?
Hi, can anyone help me with a simple way to add a contact form to my mobile site. The form should have the basic validation (empty fields, correct email, etc.).
Both click AND dblclick: where is the truth?
I have an application where a number of elements whith both simple and double click have handlers bound. It works fine with Firefox 3.6, Safari 5 and Chrome 10. But with IE 8 and Opera 11, double click is never catched. Looking for an explication, I first discovered that binding both click and dblclick is not advisable, since it could not be guaranteed to always work properly, due to different browsers practices, as stated at http://api.jquery.com/dblclick/. Ok, sigh... Then I also discovered the
how do you detect click events from .get() AJAX contents?
I've tried searching for this under the forums — and maybe it's because I just am using the wrong terms — but I cannot find any answers around this. Here's the skinny: I've got a listener for click events from links in DIV #1 in the loaded document, and when a user clicks on one of those links, it passes a value to a .get() function and runs a simple AJAX call and dumps the data/html results into DIV #2. After that click event, DIV #2 has a bunch of links in it, and I'm trying to traverse that dynamically
Opening tabs and linking to sections within show/hide. desperate, will pay!
1. I am trying to figure out how to open a tab, open a show/hide within that tab, and link to a particular person from an incoming link. 2. I also am trying to figure out how to open a tab and then a pane within that tab from an incoming link. This is the page I am working with I realize this is a lot to ask. My co-worker and I are at the end of our rope and would happily pay someone to help us. You can reply here or email me directly at: anna.callahan {at} 4culture {dot} org. If there is a different
How to simply integrate a customized jQuery Theme made with ThemeRoller in Drupal 7
I'm a pretty noob in Drupal as well as in jquery. My knowledge in html is average and in css rather little. In php I can copy / paste a code snippet but not much more until now. So I've been trying everything out for a couple of days to simply get some jquery script working as desired in Drupal 7. I started with a simple accordion snippet and I finally managed to have it work. (Maybe it's something to obvious for having some guys writing a understandable 'how to' about it for dummy newbies...) Now
How to pass jquery variable to database and output value??
Hello - I am trying to set up a non-cookied counter which will stay saved at a current value for all visitors coming onto the site (and can increase the counter). It is here : http://www.kennyrosenberg.com/?page_id=19 The likes are at 0 when you first go to the page but I always want them to be saved and increasing whenever someone clicks like. The value of the variable is "i" $(function() { // generate markup $("#rating").text("Likes : " + 0); var i = 0; // add
Next Page