"puff" animation is not as expected
I would want to make this effect that can be run selecting "puff" in the JqUI demos page http://jqueryui.com/effect/#default I placed the the necessary code in my website http://americanhorizon.altervista.org/portfolio/portfolio.php .. try to click the sections on top, the main contet should "puff" while actually they move on the left. Where i wrong?
I can't get get autocomplete to pass its result in my form.
Yesterday I failed to get autocomplete to work with my OnebyOne slideshow. I gave up with that. Today as a work around I thought I would make a new enquiry form with the autocomplete part in it, and then place it in an iFrame. However... I can't get get autocomplete to pass its result in my form. All the other bits are passed fine. Can someone explain how I should phrase the html part. extract below full code at the bottom of the page. or do I need an additional script? regards Nick <input type="text"
Listview Vimeo Embed Video
I am building an app that uses Listview, a playlist of embedded Vimeo videos. How do I make it that each item in the list when clicked or tapped swaps an embedded video for another? I am using 1.4.0 RC... Any help would be greatly appreciated. Thanks in advance, Kelvin
How to set UI Tabs to make content load from the current page (disable Ajax) if using full urls?
Hi unfortunately I'm not able to use a short version of anchors: <a href="#tabs-1">Tab1</a> on my site. I have to use the full url instead : <a href="site.com/category/page.html#tabs-1">. Content for tabs are on the same page with all anchors, so no need to use ajax. Even if I put the full url Tabs are working ok till the moment than someone came to this page by using technical url: site.com/category/page.html?something instead of site.com/category/page.html. As url in the browser is differ
Wordpress Flipper Jquery plugin: do Autoplay
I have a .js plugin called flipper that creates a book style animation in Javascript at the bottom of the page. http://archibaldbutler.com/projects/williamsmurrayhamm/designvertising/ I would like the plugin to autoplay/"Autoflip" every 5 seconds when the page is loaded. Here is the .js script. http://archibaldbutler.com/projects/williamsmurrayhamm/wp-content/plugins/flipper/js/flipper.min.js Can someone point me in the right direction please? I am trying to learn Javascript but struggling! Thanks
Need a plugin to split a word and align to the container
I need a plugin the split the word and make each character align to the container equally
How do I pass a portion of Json object to another page?
Hi, I have the following data returned from a call to a webserver and I am passing the username, password, firstname, lastname, etc to another page to be captured and used for other purposes. In the data posted below, how do I just pass only the tokenID to another page? If it is easier to pass entire object, that's fine too. I would appreciate your assistance guiding me. Thanks a lot in advance {"Value":{"TokenId":11, "LoginName":"Jerry.Mann", "Created":"2013-12-10T15:44:49", "Expires":"2013-12-31T15:44:49","
Passing variable between functions
Hi Guys, I'm trying to scale some images that are imported into the page. I'm setting up a dummy test image to get the orig. width, but the width is coming up undefined. Strange since I'm reading in src for the image. I tried setting up a closure function & even using window.variable, but nothing works. You can see a demo here: http://www.partiproductions.com/searchertest2/index.html Can someone please help me with this code. function scaImage() { $(function() { var oiwd; $('div[class^="searcher_stack-its_img"]
I cannot get array value inside a function.
hello, This is my program i need the values var values = [10]; pie.hover(function () { alert(valuesof[0]); var that = this.sector; this.sector.stop(); this.sector.scale(1.1, 1.1, this.cx, this.cy); }); when i alert it shows object Object,if i get the length of that array it shows 1 value is there. please help. thanks
Jreject can't seem to get it to work at all
Hello - I have just recently implemented the jreject plugin. We have a website that doesn't work on older browser versions like IE 6 and 7. Also a couple of older Firefox versions. I really like how this plugin works and looks but I can't get it work on my own site. This is the page i have it implemented on: http://www.bkd.com/wealth-advisors/index-test.htm <script src="http://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script> <script src="/wealth-advisors/js/jquery.reject.js"
Finding Child/Animate/AppendTo
Hi, I'm trying to find the first child of a parent, then animate it to a position, then remove it from the parent and add it to a new parent. I'm pretty sure I'm doing or looking at this entirely wrong however. Am I right, when you want to remove an element from it's parent and place it inside a new parent, you should appendTo the element? (place inside=nest right aswell?) Does this 100% remove the element and 100% create/move it to the new parent? So if I affect the elements new position is it completely
Problem to launch a calback function passing a parameter
Hi, I need to launch a callback function after that an effect animation is complete, and pass arguments to it! This is the code $('.voceMenu').click(function(event) { var nextTab=$(event.currentTarget).attr('name') $( "#sezioneGrafica" ).effect( 'puff', 500, visualizzaSezione); })Once the "puff" effect is terminated, i've to launch the visualizzaSezione function, but passing the nextTab parameter. If i write $(
How do I preview data in accordion page?
Dearest experts, this is my first time here. So, please go easy on me. There are two functions in the code behind, one is getBuildings() and the other is getRevisions(). getBuildings makes a call to a php file called getBuild.php to populate the buildingID dropdown. getRevisions makes a call to a php file called getRevisions.php to populate floor dropdown based on valued selected from buildingID dropdown. the two dropdowns and an input textbox are in accordion page called Buildings. Everything works
AJAX Code Review
I wrote my first AJAX script that brings content from other pages without refreshing the entire page and i just want to see if improvements can be added to it, or if im doing something not recommended. Thank you. $(function(){ // content container content loader $("#nav-tabs-list a").click(function() { var page = this.hash.substr(1); //$("#sidebar-content-container").html(""); // displays content only after fully loaded $.get("content/" + page + ".php", function(gotHtml) { $("#content-container").html(gotHtml);
how to drag an element from parent page to child page
hello everybody,There are 2 pages: a and b. In the page a, there is an iframe and a input type=text. The srcof this iframe is page b. I want to drag the elements in page b into the "a.input". How can I do this? jquery of page a: $(document).ready(function() { var c = {}; $("#drag").contents().find("#move").draggable({ helper: "clone", start: function(event, ui) { c.tr = this; c.helper = ui.helper; } }); $("#drop").droppable({ drop: function(event, ui) { var inventor =ui.draggable.text(); $(this).find("input").val(inventor);
Need advice as to the best practices in jQuery mobile.
I wrote my first JQM app. It’s a playlist music player with multiple pages (2). It works on the iPhone, Safari, Chrome, Firefox… But will it work in other browsers? Is anything I wrote against the normal rules of JQM pages? Take a look at Stagger & Belligerence. Any and all comments are welcome. PS I used the latest code bases and HTML5 features. <script src="http://code.jquery.com/jquery-2.0.3.js"></script> <script src="http://code.jquery.com/mobile/1.4.0-rc.1/jquery.mobile-1.4.0-rc.1.js"></script>
jquery cycle plugin for Magento theme grayscale
Hi there, I am a newbie to all this javascript and web dev so I hope the following is phrase well and that I can get help here: I have a Magento grayscale template installed on my site: you can see a demo of this template here: http://web-experiment.info/magento14/grayscale/ I read in http://web-experiment.info/articles/cat/grayscale/post/how_to_install_magento_grayscale_theme/ and understood that I need the jQuery Cycle plugin to be installed on my system. So first batch of questions: how do I know
Jquery Mobile- Design applying partially.Doesn't appear properly.
Hi, Am using jquery mobile for android and IOS mobile styles, and also using JSVIEWS and JSRENDER to render html content dynamically. I have rendered all content in dynamically with in a page, so here when am rendering content initially, JQM designs applying perfectly but after I have rendered html content dynamically It does not apply properly. Some of the styles are applying. Here my content always rendered dynamically, I have triggered content div once loaded the html content, even it's not working
Why not less or sass is used to build jquerymobile theme ?
Hi, I'm working with jquerymobile and I'm used to have tools like lesscss to edit the source code and build my own theme. For sure I'm using the provided theme roller but first I don't have the choice and then it becomes hard when you want to update your theme version (the import doesn't work well). I have found the project https://github.com/srsgores/jquery-mobile-less but it's not up to date and I don't understand all the way it's done. So my question is why the jqm team doesn't use a framework
CLEditor plugin too many buttons
I have a site that will need a text editor in multiple areas. The first place I used CLEditor shows exactly the buttons that I have set up in the document ready function. The next area (a popup from the first area) that I have CLEditor, I get the buttons listed at least 3 times. I'm using the same setup code for the second as the first, except I change the name of the textarea in the javascript setup code and the html. I tried removing cleditor from the first area but that didn't remove the extra
How to fix Double click button?
Hi guys, I have this button below, the problem is I need to double click it before the form will submit. <?php if($data_completion != FALSE) { //If lesson already taken, disable submit button. ?> <input type="image" name="submitlesson" alt="Submit Lesson" src="<?php echo base_url('images/buttoncomplete1.jpg'); ?>" onmouseover="this.src='<?php echo base_url('images/buttoncomplete2.jpg'); ?>'" onmouseout="this.src='<?php echo base_url('images/buttoncomplete1.jpg'); ?>'" value="submit" disabled> <?php
problems with autocomplete
Hi, I am trying to develop an autocomplete search box on my site. I am almost completely new into jQuery, so I'm having tough time, I'd appreciate if you could help me a little bit. I suppose I have several errors. I have based my js code on http://jqueryui.com/autocomplete/ : $.widget('custom.catcomplete', $.ui.autocomplete, { _renderMenu: function(ul, items) { var that = this, currentCategory = ''; items.sort(function (a,b){ return a.category > b.category;
Images onclick
HI, I have 6 images in a div. I want to navigate to different locations by clicking on each image. $("#divCircle img ").click(function(){ window.open("https://www.irctc.co.in"); }); If I write like this every image onclick is navigating to that site only... Instead of that. I wanna navigate to different locations by clicking on different images. <div id="divCircle"> <div id="middleBubble" style="top: 125px; left: 125px;"> </div> <img src="images/home-laboratory-icon-off.png"
FadeIn / FadeOut
Hi ... I have set up a jquery script that fades in an image and three lines of text. There are two things I want to achieve here and am not succeeding. 1. Stop the loop. I'd like the image and three lines of text to fade in, then out and then stop. 2. After the cycle is complete I would like to redirect to another URL. Here's my code so far: <!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">
How do i add hash url to this AJAX script?
I want to be able to navigate between my AJAX content using # url so i can send users to a specific page. How can i implement that functionality in this script? $(document).ready(function() { //set your initial pages when website loads $("#content-container").load("content/corporate.php"); // set initial home page $("#sidebar-container #sidebar-content-container").load("content/sidebar-content/poll-faq.php"); // set initial sidebar page // content container load content based on nav tab clicked
.Show method not working with button..
I've fairly fluent in Jquery but why is this .show() to show the Draw button. The deal button disappears fine but the Draw button never appears. Really don't understand why this would be difficult. Also include jsfiddle link below code. HTML <input type="button" id="btnDrawCard" value="Deal"> <input type="button" id="btnReDraw" value="Draw"> jquery $("#btnDrawCard").on("click", function () { $("#btnReDraw").show(); $("#btnDrawCard").hide(); }); css #btnReDraw { visibility:hidden
Using jQuery Coockie
hello http://plugins.jquery.com/cookie/ Can someone make me a simple example ? I have a navigation bar that I made it with a fixed position. I want to put a button on the navigation bar can be hidden away or small So far no problem. The following effects can be used : .css .animate But I Want to using jQuery cookie plugin to save these changes to the page. When the page is refreshed and the cookie will persist the changes. I hope you understand me And you can help me Thank
Loading external pages into overlay
I am testing Jquerytools, Loading external pages into overlay, from source: http://jquerytools.org/demos/overlay/external.html. In my script it not works, i dont understand why... Thanks for help. <!DOCTYPE html> <html> <head> <title>jQuery Tools standalone demo</title> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> <style> <style> #overlay { background-image:url(http://jquerytools.org/media/img/overlay/transparent.png); color:#efefef; height:450px; } div.contentWrap
Chrome is not working with my Jquery photo slider..
I am using Jquery on my front page ( dallasmart.com -- the photo slider).. this page works in Firefox and IE... but it does not in Chrome.... It is not working at all in Chrome.. what am I doing wrong? the following are my includes: <script type="text/javascript" src="../jquery-1.10.2.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script> <script src="../slides.min.jquery.js"></script>
How to validate Area (square meters) from two inputs?
I posted to StackOverflow.com, if anyone gracious enough to take a look at my problem? StackOverflow.com Question - How to validate Area? I have a simple working version at jsfiddle : Validate Area I have two inputs for width and height. One of the conditions require that I validate a range between 1 - 3000 millimetre for both the width and height. But I need to validate for actual square meter as well (width x height) to not exceed 4 square meters. (ie. 1.2m(w) x 3m(h) = 3.6m2) Thanks!
listnav -- no selection to start
I am using http://www.ihwy.com/labs/jquery-listnav-plugin/ I don't want any of the tabs to be selected when the page loads. right now it always shows the values in the first tab that has entries. i only want to show values in a tab when the tab is clicked.
Implementing a simple blockUI example in an existing page.
I'm new to jQuery and have been playing around with some of the blockUI plugin samples trying to get one of them to work in an existing project. If I paste the code below just below the <body> it works as expected. I have a standard button control (btnNext) within a view within a multiview that'd I'd like to blockUI on click event, so I change $('#demo3').click(function() to $('#btnNext').click(function() but get "JavaScript runtime error: Object doesn't support property or method 'blockUI'."
listnav on mobile
I was just introduced to listnav: http://www.ihwy.com/labs/jquery-listnav-plugin/ It does not say that it supports mobile devices/browsers, but it seems to work pretty well. The major issue with mobile support is smartphones being narrow. Showing 26 letters worth of tabs is too wide for a smartphone. Is there anyway to have the tabs "wrap" around, so instead of the following all on one line: A B C D E F G H I J K L M N O ... it could look like this: A B C D E F G H I J K L M N O P Q R S T U V
Replace text using a drop box.
Hi, I'm looking for a better way, to do the following as displayed in the pic.. $('#monthno').blur(function() { var monthno = $('#monthno').val(); // 2 var racedate = $('#racedate').val(); // 2014-01-26 var dspdate = $('#dspdate').val(); // 18 May 2014 if (monthno == 2) { racedate = racedate.replace('2014-01','2014-02'); racedate = racedate.replace('2014-03','2014-02'); racedate = racedate.replace('2014-04','2014-02');
Navigate AJAX loaded content with link
I want to send users to a specific page in my AJAX loaded content with a url. How can i implement this in the AJAX bellow? $(document).ready(function() { //set your initial pages when website loads $("#content-container").load("content/corporate.php"); // set initial home page $("#sidebar-container #sidebar-content-container").load("content/sidebar-content/poll-faq.php"); // content container load content based on nav tab clicked $("#nav-tabs-list li").click(function() { var page = $("a", this).attr("href");
Resizable on Table (should be able to resize the column)
Need help with Resizable for the table. I am trying to resize the column width by placing the cursor in the <th> I have the following piece of code to do the same $("#sampleTable>thead>tr>th").resizable({ create: function (event, ui) { }, handles: 'e', autoHide: true, // set correct COL element and original size start: function (event, ui) { var colIndex = ui.helper.index() + 1; colElement = table.find("colgroup > col:nth-child(" + colIndex + ")"); colWidth = parseInt(colElement.get(0).style.width,
Jquery Tbas - Links outside of div?
i also need some help with tabs. http://jsfiddle.net/webchemist/Dpg2W/ How do i move the buttons outside the tab div and still work ?
How do I trigger 'dialog' widget from an area map?
I have created an area map of the US and want to trigger the 'dialog' widget to popup with distributor info for each state via mouse click. Have had no luck so far making it work. Thanks, John
Connecting the dots
Sorry, newbie here. I have created a page in jquery mobile and written the accompanying javascript. You can see it working here http://jsfiddle.net/xGxQa/ My problem is when I try to get them to work together they don't. Where am I supposed to put the javascript in the html file? I have tried using Dreamweaver and Notepad++. I put in the appropriate calls in the header but when I go to preview the page it doesn't work. There is no styling and the quiz doesn't work. Any help would be appreciated.
sending php array through jquery
I have the following code, and would like to send it to a page for validation. data: "submit=1&elements=$_POST['elements']" Is this the right way to send a php array? I also have this defined before the .ajax: var $_POST = <?php echo json_encode($_POST); ?>;
Next Page