Advertising Slideshow with text and price tag
Hello, I need some help using jQuery, I have a store, and I'm thinking to connect PC to a TV advertising about best "Sales / Products" The idea is: Image of the product with a bit of text under it, then price tag at the side. And then it will go to the next product, with fancy movement and such. I Wonder if there is finished scripted jQuery slide-show, i can download, i have tried to search the web for free to use such kind, but I'm only able to find normal slide-show with text without price tag
draggable is slow
Dear All, I have implemented Jquery Draggable and Droppable for 9 dives which has more content and images inside each divs. and my website is hosted in web server, when i run application all works great and good performance. when we integrate our website under our client's portal, drag and drop is very slow, i am analyzing this issue, if any one provide suggestion on this it will be greatly helpful. Regards, M.Seenuvasan
Styling alerts throughout whole site using dialog boxes
Hi, I have lots of javascript alerts throughout my site, I need to style them up using a jquery dialog. Can anyone please tell me how I can setup a default dialog and populate it with the alert text? A typical alert looks like this: window.alert("text here"); My current dialog looks like this: $('#sessionTimeout-dialog').dialog({ autoOpen: false, width: 400, modal: true, closeOnEscape: true, buttons:
Stop Slider from Sliding!
Hi Guys, Im very new to JQuery, this is the first time I have tried to edit. I'm using a wordpress theme which allows html5 video to play in a responsive slider. My problem is that I only want one video to play and thats it. I do not want the slider to slide to the next blank slide... I am searching for a way to prevent the slider from sliding. (I know it sounds weird but I would never be able to code a responsive video viewer from scratch) Can anyone help me place some code to prevent the slides
Doesn't wanna run plugin on dynamically added content
Hi, I'm trying to use the SlidesJS plugin on a mobile app I'm working on. When I statically have the images in the page, it loads fine. However, I need to have the images loaded dynamically (along with the other data, related to the listing). At the moment I have the following HTML: <div id="slides-wrapper"> </div> Then the following JS, which grabs the JSON and adds in the related HTML: $.getJSON("http://www.site.com/cgi-bin/links/ajax_mobi.cgi",{ action: 'load_link_detailed',
JQuery with Adobe Edge integration
Afternoon all! I'm in desperate need of some urgent help please! I'm a newbie so please be gentle! I have a document with lots of pages to swipe through: <div data-role="page" id="page1" data-theme="a"> <div data-role="content"> Content here... </div> </div> But as soon as I add my Adobe Edge library's and the code: <div id="Stage" class="EDGE-52195119"></div> in-between my content DIV, NOTHING happens at all? Nothing shows up and I have no idea why? Has
Creating jquery with software?
Hi. I am new to JQUERY and I am creating a website to create animation. I can see that jquery is used a lot for effects but what I would like to do is create my own animation using jquery instead of using other peoples. I want to be able to use a software such as Photoshop to generate ideas, experiment and create a prototype. Using code (jquery) straight away doesn't alway me to do this. At the moment I dont really know what I want because I'm still chopping and changing things on my site so I don't
Column Toggle table in jquery mobile not working in IE 10.
Hi, I am working on my project which used Jquery mobile-1.3.2. In this I used jquery column-toggle table but in IE 10 it is not working.if I open column selection drop down and unselect any column the browser locks up and you cannot select any other browser or tabs and I need to close browser from task manager please provide solution. Thanks in advance.
Want a resizble pop-up
Hi Jqeury Guru's, Im trying to make my pop-up resizeble. But I did it first in my CSS but it dont work to resizeble the popup. Im using the following Jquery for pop-up; /***************************/ //@Author: Adrian "yEnS" Mato Gondelle //@website: www.yensdesign.com //@email: yensamg@gmail.com //@license: Feel free to use it, but keep this credits please! /***************************/ //About Page Pop Up var popupAboutStatus = 0; function loadPopupAbout(){
If condition in Jquery
if condition not working I don't understand why, function slide(str){ alert(str+'<<<str'); <<<< this Alert is working file and showing output [ next<<<str ] if(str=="next"){ xp+=1462; alert("if"); <<<< str value is next but if condition is still not working and not showing this alrt; if(xp>=5800){ xp=0; $('imagecontainer-two').animate({left:xp},1000); } }else if(str=='back'){ }
jquery page in chrome version 31.0.1650.63 m product link give an error but when i open in mozilla firefox no error will occure please guide me
<div data-role="page" id="homepage"> <div data-role="header">Welcome</div> <div data-role="content"> <p>Welcome to your first mobile web site. It's going to be the best site you've ever seen. Once we get some content. And a business plan. But the hard part is done! </p> <p> Find out about our wonderful <a href="products.html" data-transition="pop" data-direction="reverse">products</a> </p> <p> You can also <a href="#aboutpage">learn
set height of all elements
on resize I want to do something like that : $(document).ready(function() { var newWidth = $('.span3').width(); $('.box').height(newWidth); }); I get the width of any (or the first) .span3 in my page and all the .box of the document must have height:.span3-height thanks for helping
Responsive Carousel slider
Hi, i need to create a responsive carousel slider that scrolls on mouseover. Example if we hover on the left part the items will start to move from the left and vice versa like in this example: http://rascarlito.free.fr/hoverscroll/. I exactly need like this slider in horizontal mode but also it must be responsive. Thnx
jquery autocomplete not working though json is success
<script type="text/javascript" src="jquery.ui.autocomplete.min.js" ></script> <script type="text/javascript" src="jquery.ui.core.min.js" ></script> <script type="text/javascript" src="jquery.ui.widget.min.js" ></script> <script type="text/javascript" > $(function () { var cache = {}, lastXhr; $("#Grid_RouteDetailCode_ftxtLocationName").autocomplete({ minLength: 1, success: function (request, response) {
Using .attr() to pass data between page
I have an application where an HTML page is loaded into a jquery-ui dialog. I need to save a value obtained on this inner page using javascript (a string) I have been saving it as an attribute on an element on the outer page like this: $('#button').attr("string", 'value'); from javascript on inner page. And accessing it on the outer pages' JS like this: $('#button').attr("string"); If I use the inner page multiple times, it becomes "out of phase" with the data sent: 1st time: displays 1st string
Camera, Contacts, and Augmented Reality
Hi All, The BridgeIt project lets web applications running in Safari or Chrome use device features such as camera, contact list, push notifications, augmented reality, and more: https://github.com/bridgeit/ This is related to PhoneGap, but in some ways the opposite: BridgeIt is a helper utility that runs alongside the browser -- you can use any device features without a custom App install and most importantly without App Store approval. (The generic BridgeIt App must be installed, of course, and
Get Previous and Next Element Ids in jQuery ui sortable.
Hello, I am using jquery ui sortable in my website. The problem I am facing currently is that I am not able to determine the previous and next elements' id of the currently sorted element. The requirement is that I have a jquery ui sortable list in my website and I have to implement drag and drop functionality using that i.e., if I drag the element from ui sortable and drop it at the droppable area then I should change the status of that dragged element. The only way I can think of regarding this
unknown xml display in html table
I am trying to read from an xml file where I won't know the names of tags, but I will know the root element, which will contain <rows>, something like this: <?xml version="1.0" encoding="UTF-8"?> <data> <row> <nai>23</nai> <source>it</source> <size>big</size> <activity>rolling</activity> <location>here</location> <unit>cm</unit> <time>now</time> <equipment>red truck</equipment> <remarks>none</remarks> </row> <row> <nai>24</nai> <source>him</source>
How to add hyperlinks to images in prettyPhoto
I have some code which rotates some images: <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $("[rel^='prettyPhoto']").prettyPhoto({ animationSpeed: 'slow', slideshow: 5000, timeout: 2000 }); api_images = ['image1.jpg','image2.jpg']; api_titles = ['','']; api_descriptions = ['',''] $.prettyPhoto.open(api_images,api_titles,api_descriptions); }); </script> This works fine but how could i add hyperlinks to each image so when clicked it takes them to a specific location?
You can't scroll, but you can hide?
hello friends, Im sure this has been asked a tons of times, but after reading article after article online I now know less than before. Im trying to build a single-page mobile website. at best, the page should be fixed and static inside the browser window, no (rubberband!) scrolling, no scaling/zooming. i found a way to achieve this, by using a <meta>-Tag to disable user-scaling. and using jquery to prevent default event on touchmove. I first though i had won the battle, but then i realized that
Repopulate cloned Item from MySQL to the form
Hi, I am using the below code to save the industry to company_industry table ( I wanted to know now how can I populate again the data when editing the company so it will appear in <options> element? I thought of using PHP with just normal loop but I'll still have a problem with the btnAddIndustry and the delete button because only the first cboIndustry will have the add and all others will have the delete button. this is what I though to have: <?php $mysql_command = "CALL sp_populate_company_industry(:param_company_guid)";
accordion width in %
problem: when i click on the header, the content will open. if there is a long text, the width will be full size. in the next acc are only 1 word a.e. - so the accordion resize very small. i want the width every time on 100% when using the widht in px, all working, but not in %. i need this for smartphones and widescreen. is there an alternative for percent?
JQM 1.4.0: dynamically set disabled="disabled" to option in selectmenu
This attribute disables an option in a selectmenu: disabled="disabled" How to set or unset this option in a JQM not-data-native menu dynamically? This is my fiddle: http://jsfiddle.net/rCFzP/3/ I tried: $("#idSel option[value='c']").prop('disabled', true); This only works when the selectmenu has data-native-menu="true", not when false. What it does, is adding this property: disabled="" Please help! I tried the whole morning to solve this..
JQuery Tabs - Content Via Ajax - Same Url Issue
Dear, I'm trying to create a JQuery Tab with two tabs (using content via Ajax, like this http://jqueryui.com/tabs/#ajax), each one with the same URL but with different arguments. Like below: <ul> <li> <a href="../../person/view/<?php echo $id1 ?>" data-toggle="tab">Person1</a> </li> <li> <a href="../../person/view/<?php echo $id2 ?>" data-toggle="tab">Person2</a> </li> </ul> The problem is that only the first tab works (only the Person1 view loads).
$.ajax using COR...!
I have some understanding on cross domain calls and want to confirm them. 1. The cross-domain calls can be made in JQuery only when we set the datatype as "jasonp" or by using COR? What if the calling service is not returning the data in JSON format? 2. The ajax COR request code I have pasted below is correct or am I miss something? //serviceURL is the actual external URL var deffered = $.ajax({ url: serviceURL, type: "POST", async: true, crossDomain: true,
JQuery Mobile blocks Javascript
Hallo, I tried the following scenario: A button should have the value "Not Clicked". When i click on it, it should show "Clicked". Now my problem: everything works fine when i quote jquery mobile out. When i turn jquery mobile on, the button value doesn't change. My code: <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
I have to show this JSON data and also if i add extra data in JSON it must shown in HTML without refreshing the page
This is my JSON data. { "Facebook": [ { "facebook_name": "Apple", "facebook_post": "Apple posted a photo", "facebook_comment": "Apple commented on a photo" }, { "facebook_name": "Mango", "facebook_post": "Mango posted a photo", "facebook_comment": "Mango commented on a photo" } ] }
checkbox group where one value shows a set of radio buttons
Thank you to everyone that has helped me in the past. In my form is a checkbox group, that when one value is checked, a set of required radio buttons appears. The jquery show hide is working. When this particular value is unchecked, the set of radio buttons becomes not required and if a radio button was clicked, the value is removed. This is working great too When the form is submitted, the person is taken to another page to review their form. While the value is still in the database, the jquery
[solved] Buggy style inside panel
Dear all, I'm new to jQuery mobile and maybe I didn't look right, but I use the 1.4 version (and tried with jquery 1.10 and 2.0.3 with the same issue) and here is my problem: I have left and right panels (defined outside the page, and initialized at the end of the html this way $(document).ready(function() { $('#panel-nav').panel().enhanceWithin(); $('#panel-config').panel().enhanceWithin(); }); I have some collapsible-set in each panel but their content has no style. Does anyone know this
Always show the full list items in autocomplete menu
Hi, I am try to use a jquery autocomplete as dropdown menu, how can i make it always show all list items, even if an item is selected. Thanx
Where to put the formateDate function of the datepicker?
I have a datpicker and i want to change the Format. i know that i have to use the formatDate function, but where do i put it? <script> $.datepicker.formatDate( "yy-mm-dd", new Date( 2007, 1 - 1, 26 ) ); $(function() { $( ".datepicker" ).datepicker(); $( ".selector" ).datepicker({ dateFormat: "yy-mm-dd" }); }); </script>
Get d of td within a div (table , td is generated using external program)
I have a div and withing that a table which is generated when some button is clicked Sample will something like this <div id="maincontainer"> <table id='tableabcd'> <tr> <td> name 001 </td> <td id='edi01'> edit </td> <td id=''del01'> edit </td> </tr> <tr> <td> name 002</td> <td id=''edit02'> edit </td> <td id=''del02'> edit </td> </tr> </table> </div> Pls note that the values withing div id "maincontainer" will be changing but its id's will always start from 'edit' or 'del' I want to get id of
Is it possible to set a title/placeholder to the native select menu?
I would like to use native select menu, but I also need to set title to it, which describes what it is for? Something like this -
How to present information in a limited amount of space in accordion jquery?
Hi, Iam using this code to show the product image,price ,description in a dialog.iam using accordion menu also.But the problem is description does not showing in a limited amount of space in accordion.like this it is showing.What is the reason for this?What i have to do now? My jquery is as follows: <link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/ui-darkness/jquery-ui.css" rel="stylesheet"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
DatePicker trigger icon draw inside the textbox
Now the DatePicker draws trigger icon right outside the textbox, I suggest it could support drawing icon inside the textbox, at the most right. The reason is I set textbox 100% width, an outside icon would make it become 2 lines in a talbe cell. thanks.
Find TD Value
I have a table with an ID of #MyTable and every row in the table has one column with a class of .tdSize and another column with the class of .MyCheckBox that contains a checkbox. When the checkbox is clicked, I would like to get the html of the .tdSize just for the row where I clicked on the checkbox. The following gives me every rows .tdSize. How do I ony get the row where I clicked on the checkbox ? Thanks $(document).ready(function () { $('.MyCheckBox').change(function () {
how to select <option> value after loading with ajax
Hi, I am using jquery to populate cities from selected country in a <select> element using the below code. This working perfect when opening it for a new company record. what if I want to edit existing record by detecting the $_GET["id"] of the company? I am setting the cboCountry value to $company_country which is a value from MySQL.. now how can I populate the modify below code to populate the cities for the selected country ($company_country) and also make the selected city = $company_city. Hope
jquery help, need expert solutions
I am trying to figure out how to use jquery for something like the following, here is what I want the script to do, before the page loads (DOM) I want the script to look on the page if there is a table row(tr) with a table data (td) with only a single number 1, 2, 3, or 4 like below then it will click the button whose number corresponds! so in the example below there is 4 buttons each with values 1, 2, 3, and 4! notice that in the first td there is only a single number in it "4", so the script would
Fill Div with inputed text
I have the following and it works - everytime I hit the Button it adds the word Text under my button <title>Test</title> <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#btnAdd').on('click', function () { $('<p>Text</p>').appendTo('#Content'); return false; }); }); </script> </head> <body> <form
image in footer
Hello, can i make this footer in jqm?, because if i put <a href="blabla"><img src="blala"></a> I lose the aesthetic, and the buttons are not square, but rounded, and are not buttons together. And I need them together
Next Page