TinyMce with jQuery UI Dialog and jQuery Validation plugin - Form submit not working for the first time in Firefox20
I have jQuery UI Popup dialog form, which has a TinyMce editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox(Firefox20), when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. And I am using jQuery validation plugin for the form validation ( in http://jqueryvalidation.org/). And the my code is as follows (This works perfect
jQuery mobile page repositioning
Hi, I want to ask about the jquery mobile... Actually I'm making a jquery mobile site and I used pannels in pages, I want that a user when click on Menu button so panel should open and panel & page should reposition to the top. So I don't know how to write jqurey, If anyone can write me a code for this function that'll be very much helpfull. I tried a code to reposition the page but when it reposition the page then panel doesn't open.... Thanks a lot... Here is the code... <script> $(document).ready(function(){
add flexigrid to modal form
Dear all, I would like add flexigrid object to modal form. who can tell me how to do that. thank you.
using panels and .ui-page-background possible?
Hello guys! Looks like no one has an idea for my problem: As soon as i insert panels to my page, my background-image disappears! BG-Image (CSS): .ui-page { background-image:url("../images/bg.png"); -> 50x50px image background-repeat:repeat; } Placing Panels into site: <div id="page" data-role="page" data-theme="a"> <div id="header" data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="c"> ... </div> <div class="menu" data-role="panel" data-position-fixed="true" data-position="left"
multiple sortable columns : issue with scrolling
jQuery : 1.9.1 jQuery UI : 1.10.1 Please See The Fiddle In the fiddle, when user tries to drag top item in list-1 into bottom of list-2, the scroll bar of list-1 gets moved instead of list-2 scroll bar. Tried various things but couldnt make it to work properly. Any inputs/suggestions are much appreciated. Thanks, Rakesh
Rookie JQuery problem with responsive template
Ok I hope I can properly describe the problem. I have a responsive template and when the window width shrinks, the menu disappears and an icon appears in its place. When you click the icon the menu is displayed using JQuery. Everything works fine up to that point. However, once you click the icon it creates inline CSS to show & hide the menu depending on how many times you click it. So if you click twice then expand the window again, the menu remains hidden because of the inline CSS. What would
Using IP not able to access WCF Service in JQuery
Hi ! This is my first programe with JQuery mobile. I have to make a cross platform application. My application is working fine when I am using "URL=localhost" to access the service from HTML page. But, when every I am using "URL=IP_Address" then it is not working. I am not able to call the WCF Service. Due to this no other client computer able to access my service. My Code detail is given bellow - HTML Page - <script type="text/javascript"> var Type; var Url; var Data; var ContentType;
Duplication of Radio buttons and Checkboxes
Hi, In my code, I am using a radio buttons and checkboxes, and have a Reset functionality, which uses the below code. $("input[type='radio']").prop("checked",false).checkboxradio("refresh"); (Just one line of code is mentioned above for example, similar is been done for Check Boxes and also for checked,"true" conditions also...) The page has a URL that opens up a help content on top of the page(hiding the existing page). On the Help page opened we have a Back button which removes this Help page
What would be the best way to "un-fix" a panel when you switch to landscape?
Using a fixed panel with a long-ish navigation list. However, when I switch to Landscape, the panel is still fixed, hiding some of the nav links. This is mainly a problem with Android native browsers. Chrome seems to recalculate the viewport vs panel height, and unfix things properly. But the native browser? Still fixed. Tried using media queries and switching to pos:absolute, but this seems to add more problems than it solves. Suggestions?
JQuery Slider Load Time Problem
Hi, I created a JQuery Slider for a website and have a problem with it taking a long time to load. With a slow internet connection, all of the image files are displayed on the page first (one above the other) until they have all loaded and only then does the slideshow start playing. You can see the JQuery slider here: http://www.sunderland.ac.uk/faculties/bl/ What I want to know is if there is a way of amending the code to improve performance? Any help would be greatly appreciated. Ross
Help running 2 slideshows on 1 page
Ok, so I am trying to run 2 slideshows on one page using java/jquery. I am having trouble getting them both to run correctly at the same time. Hoping someone can take a look and tell me which portion of the code I still need to change. Thanks! My abbreviated html looks like: <ul class="slide"> <li>picture</li> <li>picture</li> <li>picture</li> </ul> <ul class="slide2"> <li>picture</li> <li>picture</li> <li>picture</li>
Dialog api
1. what is the return value of .dialog()? e.g $(div).dialog({..}) will return $(div) or the dialog widget? I cannot find it in the documentation? 2. I have googled for information about dialog cleanup stackoverflow But the information in the page may be outdated, will dialog detach its event handlers (close, open...) when destroy? Do i need to call $(div).off() or $(div).dialog().off() or something else?
Javascript question
I have an input in my html. (id=myText) When I enter a value in (would be a date mm/dd/yy) I want that value to become a variable (startdate) Then I want use that variable to create other variables (d1, d2, d3) My beginners code is listed below. It's not working. What am I missing? <script> function myFunction() { var x=document.getElementById("myText"); var startdate = x; var d1 = (14).days().ago(startdate).toString('MM/d/yy'); var d2 = (13).days().ago(startdate).toString('MM/d/yy');
How to display close button on the right in dialog invoked via $.mobile.changePage?
Hi, Declaratively it can be done via data-close-btn="right", I'm looking for the same via $.mobile.changePage, any idea? Thanks!
not able to change text inside span
I have a simple jquery script to change text inside a span tag, which is inside a legend tag ,but its replacing even the text in legend. here is my script $(document).ready(function(){ $('legend').click(function(){ $(this).nextAll().toggle(); $(this).next().is(":visible")? $(this).find('span').text('(-)'):$(this).first('span').text('(+)') ; event.preventDefault(); }); }) my html <fieldset> <legend >Recommendation Code Details <span>(-)</span> </legend>
TinyMce with jQuery UI Dialog - Form submit not working in Firefox20
I have jQuery UI Popup dialog form, which has a TinyMce editor. It is working well with Google Chrome and Internet Explorer8+. But in Firefox(Firefox20), when I edit/change the content in the TinyMCE editor and while clicking the submit button, the page gets focussed on the TinyMCE editor for the first time. And in the second time it gets submitted. Pls help me in this Regard.
jQuery Count Up Timer
hello http://tutorialzine.com/2012/09/count-up-jquery/ there is a jquery count up timer :) it's cool, but something is wrong ! $('#countdown').countup({ start: new Date(2012, 10, 27, 15, 58, 21) //year, month, day, hour, min, sec }); when I set up date, calculations is performing bad. Why ?
http://view.jquerymobile.com/1.3.1/dist/demos/favicon.ico is this correct? May need redoing as it looks garbled.
As per subject, website maintainer issue only.
[Resolved] HowTo dispose Textfield and Submit button on the same line?
Hello, I spent so many hours playing with additional JS file and CSS file in order to get: - input type=text (width ~70%) and input type=submit (width ~30%) on the same line but I've FAILED ! I just want something disposed like the "search jQuery" input of this page (top-right). So, does anyone know a pretty simple way to do it ?
.when() is not working with ajax call
Hi, My code looks like this: $.when(myAjaxFunction()).done(function(myMessage){ alert(myMessage); }); In this case, I'm getting an error that myMessage is undefined. How can I make sure that the myAjaxFunction() is executed and completed before I display myMessage. I thought .when() was designed for this scenario but it's not working. Any idea why? Thanks, Sam
jQuery logo
Am I the only one that sees the logo of a major telecom corp when looking at the jQuery logo? Especially on browser tabs displaying the jQuery favicon.
Spinner problem
I've this rendering problem for spinner. See this picture: Please note: I cannot update jquery; i cannot update jqueryui. But i need to debug this issed and understand what's the problem The Widget is bad-rendered but - is fully working - no javascript errors - Ie9, FF 20, latest Chrome and Safari all looks like this. Please, help me debug this problem, I've no idea where to start, because of no js errors !
tooltip on slider
$("#sw").slider({ orientation : "horizontal", range : "min", min : 0, max : 2000, value : $("#i1").width(), start : function(event,ui) { $("#tooltip").css("display","block"); }, slide : function (event, ui) {
Java script is not executed on dialog page
Hi! I display a dialog via $.mobile.changePage("Error.html", { role: "dialog" }); where Error.html is a separate page and it's being displayed fine. In the head of Error.html there's a script if (window.console) { console.log("Test"); } The script runs fine when I manually navigate to Error.html but not when I display it as a dialog via mobile.changePage. What am I missing here? Thanks!
Disable 'swiping' or scrolling left/right on jquery mobile
Hey guys need a bit of help here as I'm a beginner! I would like to disable scrolling or moving the page left or right when a user touches the screen. Ideally I would want the page to stay intact. An example would be amazon.com (viewing it on mobile of course). You cannot move the page to the left or right you can only scroll up and down. Many thanks!
Widgets Dialog and submit
Hi, I try to work with dialogs, I do not like the form validation example that brings in the documentation for that I can not validate it from the server side, what I do is to generate dialogue and load in one form from another file, the loaded is through ".load('file # container')", the loading is GET, POST need it, when I try to save it with the submit not send me any information, this is my code: $( "#dialog-form" ).dialog({ autoOpen: false, height: 250, width: 350,
how do I get accordion and reader to play nice ?
I'm pretty familiar with jQuery ui. I've done some really cool things with it on previous projects. How ever on this one I'm stumped. Reader mode on iPhone does not show any of the content from my accordion. I currently have my accordion set to be collapsed, because it is a long list, with a lot of content. I also have some various other options in use on it, like image changing options and autoHeight. How can I get this to work. I'm obviously not looking for accordion functionality in 'Reader' mode,
Validate WebContentForm ASP.net
Hello, I'm new with Jquery and I have a problem with the validation plugin. How validate a WebcontentForm(Inherits of MasterPage) Asp.net if IdForm is in the MasterPage, how I reference my IdForm in WebcontentForm? Thanks for your powerful help.
My jquery is Not supporting at Fire fox and google chrome ???
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min. js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> var Type; var Url; var Data; var ContentType; var DataType; var ProcessData;
New at this ..Question using with php
I am new at this so this might seem like a stupid question. How do I pass the value in my auto complete text box to my php script ? (see code below). index.html <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ajax Auto Suggest</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
sortable - click icon and drag parent container?
I'd like so that when I click the "drag" icon in a div element, that the div element is dragged and not simply the icon itself. So far I can either drag the div or the icon but what I need is to click the icon and drag it (the icon) and it drags its parent container with it. Like when you click an application bar to move it around your screen. How can I do this? a second part to this question is, what is the recommended cross browser jquery WYSIWYG for in place editing as I would like the div mentioned
Listview Filter within a Form?
So I'm trying to enable the Listview Filter within an HTML form but doing so creates nested forms causing other issues. Specifically, then the jQuery Validation plugin get's the wrong form element (even though I specified the correct form ID). Has anyone else run into this and has a workaround? Thanks http://jsfiddle.net/Panman8201/a45VK/1/ << Check your console log, then change the data-filter to false to see the difference
jQuery UI Tabs - Collapsing tab content when mouse leaves area
Hello! I'm currently using the following code to collapse tabs: $( ".tabs" ).tabs({ collapsible: true, active: false, event: "mouseover" }); This collapses the tab when you hover your mouse over the active tab button. I would like it so that when you have an active tab and you move your mouse outside the tabs content area, the tab will close. Is this possible? I hope that made some sense! And any help would be appreciated.
Problems in If cycle
Hy everybody :D Can someone explain me why this cycle is always true ? I have to search something that is in partnumbertextbox on the webpage ... $('<input type="button" id="PartNumberButton">').appendTo('body'); $("#PartNumberButton").click(function() { if ($('body').find($('*:contains("#PartNumberTextBox")').length)){ alert("already have it"); } else { alert('its new'); } });
dialog close event not firing
DoUpdate: function() { var self = this; $( '#dialog' ).dialog({ //resizable: false, autoOpen : false, height : 606, width : 899, modal : true, buttons: { OK: function() { $('#dialog').html(''); $('#dialog').dialog('close'); } close: function(event, ui) { self.loadPage(); //does not seem that this is ever called. }
Is jQuery is right choice for me?
Hi, I'm new to jQuery/Javascript. I'm trying to find a way making following result on building my website. As an example; I expect that following sentence; "It is a beautiful world" won't popup/blink/display on screen at the same time. It'll display character by character as; I It It i It is It is a ..... It is a beautiful world (finally) The sentence will remain on the screen for a duration of x seconds and repeat. Would jQuery be the right way for me? If YES, please advise how/where shall I start.
Question about dynamically adding textboxes and droplist to build SQL commande
Hi Guys Could anyone please look at the code below (Curtisy of Jamboro ASP.net forums) This is a way of adding a droplist and a text box to dynamically build an SQL commande What I am trying to do is: if the user chooses "Date" from the dropdown list then the form should display two textboxes instead of only one, and the user would be able to search for a range by adding dates to the two boxes, could anyone please help?? To understand what I am trying to do you can look at this website http://www.ncbi.nlm.nih.gov/pubmed/advanced
jQuery event before on_click event
Hi, Currently I am trying to do some customization on SharePoint. On a form I would like to do some form validation while pressing the save button. The save button has a default on_click javascript event which I can't touch. I would like to set a field value while clicking the button. For some reason the on_click event event is triggered before the jQuery click event and the form is already submitted before jQuery could set the field value. Is there a possibility to trigger the click event before
SetInterval on subpage loaded by AJAX.
Hi, I Have problem with setInterval on my page... In Main page i have JS code: <script type="text/javascript"> $(document).ready(function(){ $('#otworz_kosci').button().click(function(){ $("#kosci_dialog").remove(); $("#zawartosc_dialogi").html('<div id="kosci_dialog" title="Kości" style="display:none;"></div>'); var link = $(this).attr("href"); $("#kosci_dialog").dialog({draggable: false, modal: true, resizable: false, height: 600, width: 750, show: 'fade', hide: 'fade'}).load('ajax_php/hazard/kosci.php');
First time user needs help to set up superfish
I built lapalomavilla.com with css dropdown menus but they would not work on a touch screen so I need to use jquery to make it work... help?! I have never used java/javascript before
Next Page