Smarty template for selection list of autocomplete field
Hi, I was wondering if it is possible to assign a smarty template for the reply field of an autocomplete field. So my question is not about integrating autocomplete in a smarty template, but assigning a smarty template TO the selection list provided when matches are found. Kind regards :)
Using tablesorter plugin I need to reapply padding to 1st data row below header (after sort finishes)
I have some CSS in place to establish a fixed header and apply vertical scrolling if the number of table rows causes overflow. When the table is first loaded, the server determines the order and the following works nicely to style the 1st row of data: /* Next, we are padding content of 2nd row (it's the 1st data row) (Actually shifting down the content of the first data row in order to compensate for the height of table header row.) */ table.gvEvents tr:nth-child(2) td { padding-top:40px;
After each 5. element stop slideshow, show another content, fade it it and then return to the slideshow, start it from the stop point
Hello, I would like to stop my slideshow after each 5. loaded element, fade the main container out, show another element, fade it out and then return to the slideshow and start it from the stop point again. My code seems like this at the moment $(document).ready(function() { // SET AUTOMATIC PAGE RELOAD TIME TO 5000 MILISECONDS (5 SECONDS). setInterval('refreshPage()', 3600000); function textShort() { if ($('#presentation .info').length > 0) { var showChar = 160; var ellipsestext
UI sortable - when item is dragged from list B to list A the last item in A is sent to B ?
Hi I've been searching through this forum and various others for a solution or an example but I haven't found anything so here goes ... I've got my two lists and they're connected in the standard way, and that works fine - the items from list B are added into list A But when list A already contains 6 elements I need to be able to remove the last list item in A and append it to the top of B So, when I count the children items of list A and, if count>=6, how would I get the last one and remove it ?
How can i make this slider change slides also by clicking on the bullets?
Currently the slider works fine but the user is unable to change slides by clicking on the bullets . I want the user to be able to go to the 1st slide when clicking on the first bullet, to the 2nd slide when clicking on the 2nd bullet. And so on.. Is there an easy way to do this based on my code? Here is my code: var main = function() { var int = self.setInterval(function(){ $('.arrow-next').trigger('click'); },4000); $('.active-slide').click(function(){ window.clearInterval(int);
I couldn't submit the bug to the website http://bugs.jqueryui.com/newticket
I couldn't submit the bug to the website http://bugs.jqueryui.com/newticket . Please help to verify this!
onClick not working - RESOLVED
I have a display with tabs and I want to execute a script but still be connected to the tabs so I can update the progress bars. The only way I can figure out how to do that is to open a new window for the script and execute the script from there. I have an onclick in another tab that works great. I cannot get it to work in this tab. What am I doing wrong? I have spent over an hour going over this and comparing both tabs. I cannot see what I am doing wrong. Here is the code: <script type="text/javascript">
Redirect to an application page Not on the same server after login
I have a HTML5 app with a log in screen. When I enter the details, it goes out to an external server, runs a php file called login.php and check the details. If the details are correct I need it to redirect back to the HTML5 app to the page with id #home on the index.html file. If the index.html and login.php are both sitting together on the server, a header method going to work fine. But now, the html file is resting on a mobile phone as a HTML5 app, which reaches out to the server (which is possible
New page events not working properly.
I have been trying to update my JS to get ready for the newer versions as they come out (I hope). The br_smsDetails page is an edit page used to edit a single row in the parent page. What I need is to have the hide event run some code that refreshes the parent page after an edit. I ran into a problem with the pagecontainerhide event that I don't understand. The comments in the code below explain my problem. How do I get the new hide event to work like the pagehide event? Thanks. $(document).on('pagecreate',"#br_smsDetails",function(){
Play sound when var == "something" or $(xxxxx).click.function()
Trying to get sound to play when a data file can't save on backup. Something like below but can't get <audio> to work. Please help. function bakitup(database) { var str='db='+encodeURIComponent(database)+'&dir='+encodeURIComponent(dir); $.ajax({ url: 'DatabaseBakup.php', data: str, success: function(data) { if (data=="bad") { $("#showMessage").empty(); <audio src="../Sounds/data_bad.wav autoplay='autoplay'></audio> $("#showMessage").append("File
TAB in progress - Link over the tab when in Full Screen
I created a TAB using Jquery and when I try to check in full screen. Then the tab is inactive, and activates to the whole page the link of my page. In either ways I tried to see from code if there was a link to any of images etc, and does not appear at all. Any ideas????
How to set a boolean value in the onLoad function, depending upon the OnClose function. and can i get this boolean value on next screen
$(document).ready( function() { $('#Pagewalkthrough').pagewalkthrough( { steps : [ { wrapper : '#loginTableHighlight', margin : '0', popup : { content : '#highlight-accessable', type : 'tooltip', position : 'left', offsetHorizontal
jvectormaps remove
Hello im using jvectormap, and first i got a problem when i loaded the map, but i fixed that with the code to load map if the box is shown, but now i got the trouble that, everytime i click on the show button a new instance of a map is loaded, so my question is how can i remove map before i load the new one so i only get one instance of a map? Now i bumped into an error, that i need to know BEFORE i load the new map if there is a map there, and if so remove it.
Why does this work as hover but not as click functionality
Page being used on: http://belttechsecond.wpengine.com/login/#tab2_login code works as hover but not as click. Currently code is set to hover. jQuery(document).ready(function() { jQuery(".tab_content_login").hide(); jQuery("ul.tabs_login li:first").addClass("active_login").show(); jQuery(".tab_content_login:first").show(); jQuery( "ul.tabs_login li" ).hover(function() { jQuery("ul.tabs_login li").removeClass("active_login"); // take the class off all li's jQuery(this).addClass("active_login");
resize youtube with div size
Dear All I am developing a website http://webvikas.net.in/goregaonbiz/mainpage.php When clicked this on this blue colored Icon, a DIV is displayed having a youtube video My problem : - Can I resize the youtube video with size of div ? if so how ? in short when my div size if big , the youtube should be big too and when its size (div size) changes with window size, the you tube size should also change - the DIV is also not smartly resized I am using Json as //newsvideojsonfill.php session_start();
Idle plugin
Hello all, I'm using this plugin: https://github.com/kidh0/jquery.idle ...like this: $(document).idle({ onIdle: function(){ if(timer + 1) return; _slide(); }, onActive: function(){ if(currEl) currEl.removeClass(addclass); if(timer + 1) clearInterval(timer); timer = -1; }, idle: idleTime }); ...and am quite happy with it. I would now like
jquery offset top & left
hey guys, i know i'm using the correct code here but for some reason the offset left and right doesn't change when moving the draggable grid/image cropper here: http://jsfiddle.net/destramic/ybq2mab5/ $('img').click(function() { offset = $('.cropper').position(), selected_x = offset.left, selected_y = offset.top, selected_x2 = $('.cropper').width(), selected_y2 = $('.cropper').height(), console.log('x = ' + selected_x
Drag and drop highlight table
Hi , So this is my first time in Jquery forum. Ok cool , So i have problem implementing something in drag and drop function. So far draggable and sortable is ok. Right now the problem is i'm trying to highlight the selected row and delete it using button. I having two table, first table class A and second table class UI . I managed highlight the ' tr ' table class A. However in second table class UI i can't highlight the ' tr ' . Purpose highlight the table selected row in table class UI for delete
understanding scope can't get variable passed from inside function
Hi, Trying to declare var in 'ready' function and retrieve new set value in another inner function. Will not work!! Will not work even if var is declared outside of the 'ready' function. Please help in getting this to work. =========== HTML =============== <div id="who" align="center" > <h3> Whose Health log?</h3> <input type="radio" name="patients" id="r1" value="Polly" />Polly <input type="radio" name="patients" id="r2" value="Rick" />Rick </div> <!-- id-who --> ============
How do you take javascript to the next level ?
Hey guys , I just had a weird question pop-up in my mind and taught i'd ask on here ! , I remember about a year back me start off with the intent learning of javascript , i can atleast say now that i can write 10 lines of JS without hitting a wall , that's an achievement for me , I have tried to build a couple of run-of-the-mill plugins such as carousal , typing animation plugins and it was quite fun and gave me alot of insight into how JS was written and used in web development . It was Fun learning
VenoBox :unable to Increase height, Width of Pop UpDiv for an AJAX Call
Dear Sir I had used http://lab.veno.it/venobox/ Downloaded from https://github.com/nicolafranchini/VenoBox ------------------------------------------------------------------------------------------------------- Please refer http://webvikas.net.in/goregaonbiz/bigsale.php click on View Shop Details A green button below the image on left hand side A pop up div is displayed whose width and height is very small My main difficulty is I am unable to increase size of this div in which the the AJAX is
Script wroks in Chrome but not in firefox or IE
Hello, I found a script that basically helps with a bootstrap dialog box which in my case is turned into a sign-in dialog box. as of now the dialog box disappears when i click the button btn_login The code actually works but it only works in Chrome(version: 46.0.2490.71 m) but not in Firefox(version: 41.0.2) or in IE(version: 11.0.22), I striped the code down to its minimum to troubleshoot and tested again and it still works but only in Chrome I cleared the cash just to make sure nothing was interfering
replacing some div elements by some others, for a slider
hi ! i'm a newbie, and i'm trying to figure how to remove some divs by some others, on the click of a button or link. these divs are used by a slider of pictures. and since i'd like to use a vertical list of links which each is a different gallery that should show in the slider of the page, i'm trying to use these links to change the set of pictures used in the slider. exactly like here : http://www.jma.it/jm-architecture-jesolo-lido-pool-villa.html ( you can see in the list : jesolo, lake Lugano,
ondrop event fails on firefox
I'm trying to set the value of a hidden text area to the value being dropped into a visible text area that is a form field. The code is as follows: [code] <html> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <meta content="utf-8" http-equiv="encoding"> <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = 'client.css') }}"> <script src="https://code.jquery.com/jquery-2.1.3.js"></script> <script type="text/javascript"> $("#textarea_id")
How to get activated tab to automatically display - RESOLVED
When I start out all tabs are disabled except 0. Then I want to disable all tabs but 1. <script type="text/javascript"> function agree() { $( "#tabs" ).tabs( "option", "disabled", [ 0, 2, 3, 4 ] ); } </script> It works but it does not go to that tab. Is there a way to make that tab display when it is the active tab? I tried show and active and they do not do it. If the tab is displayed is the only way for the user to click on that tab? Thanks for any and all help. Mike
Jquery mobile panel list scroll not working on tabs and mobile devices.
Hi, I have a side panel with long list. clicking on any list item it goes to the specific div on the page. For connecting panel with div I am using swiper plugin swiper plugin The problem is- 1. Panel list scroll is not working on tablets and mobile devices. 2. I want panel and page to be scroll independently. when panel open i don’t want page to be scrolled. Only after panel closed page can be scrolled. 3. when opening panel second time page scrolls to top before selecting any new item from the
JQuery-Problem with page, Google Map not loading?!
Hi, I have a huge problem! I am running sobiPro on my page with an module for GeoMaps (google). The support told me, that I have a jquery problem. This is what they wrote me: You have there JS conflicts: ReferenceError: jQuery is not defined http://www.neu.nada-akupunktur.de/components/com_k2/js/k2.js?v2.6.9&sitepath=/ Line 9 TypeError: this.filter(...).css(...) is undefined http://www.neu.nada-akupunktur.de/components/com_sobipro/lib/js/jquery.js Line 6 At your site are loaded multiple times
what part(s) of jQ UI do I need for addClass()?
quick question.... what part(s) of jQ UI do you need to download to use this feature? https://jqueryui.com/addClass/ every feature it should say what part(s) of jQ UI you need to download, minimum.... I downloaded jQ UI core, but it's not working.... with jQ UI, I always like to download no more than necessary...;-) (also, it should say what's earliest version of jQ core you need for it... I'm using 1.11.3, (what I was able to find here) it's not working...) thank you....
this() is selecting multiple objects
Hi! I am very new to this and I have a question. I don't know if I am formulating this the right way but here it goes. I am making a website. There is a class of images that are repeated all over the website. When you go over one of them with your mouse, it changes to another image. When you go over the changed ones again they change to a third image. Except that this last step is a gif and when you go over one of them with your mouse all of them play synchronized instead of just the one I have my
Changing caption text on image
In my website I have some jQuery that changes two images where if a user hovers over the image it will change to another. At the same time the caption underneath the image is also meant to change. I use one piece of jQuery to change the images and I want to be able to change the caption depending on which image the user is hovered over without having to add separate id's or classes to the images and target these with separate bits of jQuery. See the fiddle here: https://jsfiddle.net/SandmanNZ123/rszqqx9w/24/
using tabs
can I use javascript:void(0) to hide the url of each tab and how can I do that? Instead of the url I like to show a name in onmouseover, but StatusBar is not standard anymore. so that is not possible.
Active Tab
I have two pages and in each page i use a Navbar in the header of the page: <!-- page 1 header --> <div data-role="navbar"> <ul> <li><a class="ui-btn-active" href="#page_1" data-icon="star" data-ajax="false">Page 1</a></li> <li><a href="#page2" data-icon="grid" data-ajax="false">>Page2</a></li> </ul> </div> <!-- page 2 header --> <div data-role="navbar"> <ul>
Jqueryui tab - big space over tabs ??
I have a big problem with display QueryUI tab .
I have a big space under the tabs and before the text the same color as the background of the tab bar .
Yet this is just the code shown in the example.
Do you have an idea ?
jQuery is not defined and some errors from js_composer
Please can anyone help? I have some errors and I don't know how to resolve them. The errors are: Uncaught ReferenceError: jQuery is not defined wpml-progressbar.js:3 Uncaught ReferenceError: Backbone is not defined load-scripts.php?c=1&load[]=hoverIntent,common,admin-bar,svg-painter,jquery-ui-mouse,jquery-ui-sort…:255 Uncaught TypeError: a.widget is not a function composer-tools.js?ver=4.4.2:72 Uncaught ReferenceError: Backbone is not defined composer-atts.js?ver=4.4.2:105 Uncaught ReferenceError:
jQuery Validation
Hi, I'm trying to wrap the error label with this template, but without success. Can anyone help me to solve this issue? (http://jqueryvalidation.org/) <div class="alert alert-error"> <div class="fx-alert-icon"> <i class="fxicons fxicons-error"></i> </div> <div class="fx-alert-desc"> <label id="input-error" class="has-error" for="input1"> Input with error!! </label> </div> </div> Thanks,
How To to use Next() and Prev()
I'm trying to develop an elegant way to traverse a JSON object. The code below produces 15 records in the <div> with id="what". What I'm trying to do is show each record, one at a time, upon pressing a next or previous button. My last post here alluded to that but my solution was really bad. I've been reading up on the next() and prev() methods and am trying to figure out how to do this using them. Do I have to do something like create a separate <div> with the same class for each record and then
Removing a page from the DOM after appending to it.
Hi, if I append to a page using: newPage.appendTo($.mobile.pageContainer); And that page has the id="added_page". What code would I use to then remove it from the DOM at a later stage?
Opinion Poll in % graphic :Need Solution ,help
Dear Sir I am using opinion poll using jquey http://marathepratishthan.org/indexop1.php When I click Yes The 'Yes counter' increases by 1 When I click No The 'No counter' increases by 1 This is displayed Poll » An exhibition of paintings at the ‘Jahangir Art Gallary’ in 2015 yes Opinion Poll » Yes No 156~132<- this div displayed only to know the count In 156~132, 156 is yes Counter and 132 is No counter All this is working fine My Jquery code <script language="javascript"> $(document).ready(function(){
Tabs in many columns
Hi! I'm using jQuery Mobile tabs, and i implemented the following css trick, to show more than 5 tabs in 5 columns: .mytab { width: 20% !important; clear: none !important; } But if i have more tabs, the result is very strange, between some tabs is a hole: http://lnk.bz/tabs.php What is the problem, and how can i fix it? Thank you! Lay
Area image map selected, this is possible?
Hi there! I'm new in js. I need help. How do I leave an area of the image map selected by default? www.gofastway.tv - I'm using plugin for image map, but this plugin not give me options for leave select field. I'm trying this <head> <script type="text/javascript"> jQuery(function() { jQuery("#hotspots-image-4061-area-3").trigger("click");}) </script> </head> but the #hotspot is not selected.
Next Page