Prime-UI - Additional jQuery UI Widgets Released
I hope this is the right forum to post this. Prime-UI is an additional set of jQuery UI widgets, currently there are 6 widgets and we'll have more in the future as the project is actually a spin-off from popular PrimeFaces library so we'll port more widgets from PrimeFaces to Prime-UI like various menus, datatable, lightbox, growl, tree, tree table and more. Prime-UI is licensed under Apache License and we aim to contribute to jQuery Ecosystem by complementing jQuery UI widgets and utilities. So
Pagebeforecreate fires twice?
I´m hooking up my buttons with this code: $( '#startpage' ).live( 'pagebeforecreate',function() { console.log('pagebeforecreate started'); console.log('hook btns'); $("#info").on('tap',function() { $.mobile.changePage('pages/info/info.html'); return false; }); Problem is that is seems to fire twice and that is a problem (since i "hook" up the buttons). I also have this on the page and i think that the $.mobile.ChangePage will make the event fire
table row click
Please could anyone help me urgently. I am having a bit of a hassle. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> </head> <body> //My page only works when clicking on the physical row of the table. // I want it do the same #N(button) is clicked as well to simulate //the same behaviour as the manual click process. <script type="text/javascript"> //These 2 variables will only be set at the bottom of the page var xFactor; var DeleteRow;
$.mobile.changePage shows 'to' page, but then sends back to 'from' page
Hello everyone, I'v been playing around with jquery mobile and I have to say that i like it. I have came across this issue - I have two pages and I have connected to the 'swipe' event and I am trying to go from one page to other. It works fine, but after few swipes it starts to behave weird. I am on page1 and I swipe to page2 which shows up and then it seems like changePage is triggered immediately again and takes me back to page1. Could anyone give me advice what am I doing wrong? Here is my code
Jquery Tools local script not working
on this page : https://ice.servtech.co.uk/html/admin/formtest.asp I am running the validator demo form from jquery tools, I am using an external src for jquery itself but wish to use a local version of the jquery tools script so i can customise it. the local script is here : https://ice.servtech.co.uk/jscripts/jquery.tools.min.js as u can see existing on server quite happily, but as the first link shows the validation boxes are not working properly, click submit to see the error, if i embed the
Animate web page elements with Scroll
hi , i am new to jquery.i have project new website with scroll animate. any one can help me. i need good tutorial to create this website. i need > if scroll down move some text , move div , zoom in, zoom out. but i don't know tricks. please help me. Thank you.
Why Google Hosted Libraries 1.8.3 already?
Google Hosted Libraries jQuery snippet: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> site: http://jquery.com/ versions: 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3 note: 1.2.5 and 1.2.4 are not hosted due to their short and unstable lives in the wild.
Set Table Width Implicitly
Hi. I have a jQuery that works. It does what it's supposed to do. It takes a long menu bar on a SharePoint web page and splits it into two menu bars. However, the two tables that contain the two menu bars are not rendered with the same width and it looks funny. At the end of this jQuery, I'd like to set the two tables to the same width. I believe either pixels or a percentage would do the trick. I tried searching this forum for an example of setting table with and did not find one. Thanks
What Could Be Possible causes of extremely slow keyboard in IPAD Phonegap APP
One of the bugs that have cropped up in an app I'm working is the following: 1. Page one has a login popup - enter your login information. This page works fine no keyboard slowdown 2. The second dialog on the next page has the user enter some more details and is invoked via a standard JQM popup link. 3. Now the inputs in this new popup have become next to unresponsive and completely unusable - the ipad keyboard sticks and key strokes have a major delay between keystroke character and showing up in
css file cant find the arrow images..Help Please
HI I am new to jquery and am using a scrollable script for my new website http://selsong.com/jenny/jcopyb.html it is all working fine EXCEPT the arrows do not appear on either side of the scrollable section.....even though if you place your mouse there is works perfectly. My question is: Where are those arrows? should the script source them from jqery's website , or should I have them on my computer for them to appear. If I need to have them on my computer, where do I get them from?? Any help would be
$.ajax() / same origin policy satisfied.
Hi. I'm suffering from ajax using jquery. I set up all ajax using jquery with jsonp. taking lots of time, I succeeded to get with jsonp from Node.js server i made becuase I need to use another port beside 80. Since it's not possible use POST type at all with jsonp, I rather starting to re-set up for same origin policy. I recreate and clean the environment to use 80 port. However, as I've been trying to send GET or POST to server, it drives me an error every single time. is there anybody can help
View Table
I have a table made up only of colors and just being with jQuery I cannot find away to display it's elements. <table width="160" align="center" id="my_table"> <tbody> <tr> <td><img src="assets/Color1.png" width="160" height="40" alt="One"></td> </tr> <tr> <td><img src="assets/Color2.png" width="160" height="40" alt="Two"></td> </tr> ... </table> I do have working
jquery $.get switch doesn't work
<ul> <li><a href="http://www.home.fr/">Accueil</a></li> <li><a href="index.html?page=1" >E-books</a></li> <li><a href="index.html?page=2" >Boutique</a></li> <li><a href="index.html?page=3" >Forum</a></li> <li><a href="index.html?page=4" >A propos</a></li> <li><a href="modules/alert.html" >Test</a></li> </ul> <div id="result"> <script type="text/javascript"> var page; $.get("page", function (data){ $('#result').load($.this).attr("href") switch((page){
How to run a function each time the db is modified.
Hello, I created a Comment System in php, but i have a question! I want that every time that have a new comment it appear in the page with a fadeIn effect, without refresh. Note: Sorry if my english is not legible.
What to do about URL's with page anchors?
Since jquery mobile hijacks the # sign for it's own purpose, is there a way to still process a URL that has a page anchor in it? I ask because people post these types of URL's all the time on some of my sites linking to comments or different posts (in a forum), and they need work. URL example: http://www.mysite.com/index.php?page=mypage#anchor
replace the $.browser(.webkit/ ...) deprecied by my idea
hi, i have a idea $.browser = {extension : '', mozilla : false, webkit : false, khtml : false, opera : false, microsoft : false}; if ($(body).css('-moz-user-select') !== undefined) { $.browser.mozilla = true; $.browser.extension = "-moz-"; } else if ($(body).css('-webkit-user-select') !== undefined) { $.browser.webkit = true; $.browser.extension = "-webkit-"; } else if ($(body).css('-khtml-user-select') !== undefined) { $.browser.khtml = true; $.browser.extension
how to submit a this form using jquery and json ?
hi guys please could you help do this i tried to read about jquery , ajax , json but i just got really lost so i am asking for help to guide me to the right way and thank you so much. what i want to do is this : take this from in html <form method="GET" action="https://exemple.com/api/work.php"> <input type="hidden" name="method" value="link"/> <input type="text" name="params[login]" value="ready" /> </br><input type="text" name="params[pass]" value="download"/></br> <input type="text" size="80"
Why does Googles Chrome Browser trace into "jquery-1.7.2.min.js" file when I set no breakpoints inside?
I am using "jquery-1.7.2.min.js" in my web pages. I use a second <script> tag for all of my personal javascript/jquery code. I set breakpoints in my <script> tags but I never set any breakpoints in the jquery library source code. Yet, everytime I try to debug my custom javascript/jquery code which is always in a script tag in the actual html page, Google's Chrome browser insists on tracing into the jQuery library source code, even though I have not set any breakpoints inside that file. I have to
ASP ImageButton not firing click event code in code behind
I have been working on a site in VB.NET and JQM - and all has been going OK. Now, I am trying to include a standard Image button using a tag such as: <asp:ImageButton ID="btnYear" runat="server" ImageUrl="~/images/buttons/year_btn.gif" /> and in the VB code behind file there is a click event similar to the following: Private Sub btnYear_Click(sender As Object, e As System.Web.UI.ImageClickEventArgs) Handles btnYear.Click Session("TimeFrame") = "YEAR" do other code End Sub When
Not sure what's wrong with this but...
$(document).ready(function(){ $('#search_name').keyup(function(){ search_name = $(this).val(); $("#names li:contains('" + search_name + "')").addClass('highlight'); }); }); Is there something I'm missing or not seeing in this? All I'm trying to do is to highlight a li when I type in the name in a text field.
jQuery Lightbox affecting all links
I've a problem, the jQuery lightbox is affecting all links. I only want this to make the lightbox make the photos bigger not show the "busy" logo when other links are clicked, it even does this on my facebook link
Need jquery slideshow to stop after 2 loops
I'm fairly new to using jquery and have developed a slideshow for a client. He wants the slideshow to only loop through 2 times and then stop on the final slide. I would appreciate help from anyone! URL: http://www.abbeyroaddjs.com/ny/index.shtml Here is the code I have so far: <script type="text/javascript"> //Main jQuery script. Slider(); function Slider() { $(".slider #1").show('fade',1000); $(".slider #1").delay(3000).hide("fade", { direction: "left" }, 1000); var sc =
Anyone know of a plugin just like colorbox
Hello everyone! So, I've been attempting for the last week to find help with my JQuery colorbox issue, but have gotten no where. Anyone know of a JQuery plugin that is very similar to colorbox? Can anyone recommend a slider (like MooTools Slider) as well? Thank you!
jQuery UI Tabs show OWN effect?
Hi Everyone! jQuery UI 1.9 is amazing! I want to ask about this version of UI. There are updates for Tabs options and events, but im iterested about Show/Hide Option and its Effect suboption. UI Documentation: The panel will be shown using the specified effect. The value can either be the name of a built-in jQuery animateion method, such as "slideDown", or the name of a jQuery UI effect, such as "fold". Is it way to use own effect for show/hide option?
Z-Index change on click
I am having a problem getting my photoviewer to change photos when a link is clicked (live site http://ericnaff.com/web2/index-FILL-IN.html). I've looked everywhere for a solution and got nothing. Here's my HTML, then CSS, then my jQuery. I got the links to work but when you re-click, it won't change the image. Example- I click on a link and the photo changes to the right photo. If I try to go back to a photo by clicking, it doesn't work. <body> <div id="imageWindow"> <div class="imagePane firstPic"></div><!--
Multipage template and toggle div
I have a multipage template with a settings menu div. Via this settings menu it is possible to navigate to pages within the template. //html <div data-role="page" id="page1"> <div id="settingsmenu"> <a href="#page2" clickevent etc> page 2</a> </div> </div> <div data-role="page" id="page2"> <div id="settingsmenu"> <a href="#page1" clickevent etc> page 1</a> </div> </div> //javascript $('#settingsmenu').toggle();The code above is simplified. When I navigate to a new page,
My slideshow is not working. can anyone help?
HTML: <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="myStylesheet.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script>$(function() { alert('hello') });</script> <title></title> </head> <body style = "background-color:black;"> <article> <h1></h1> <div id="slideshow-container"> <div id="slideshow"> <div id="slideshow-wrapper"> <img src="1.jpg" alt="" id="s1" /> <img src="2.jpg" alt="" id="s2"
jquery insert text
hi, i have a h1 and select, i wanna know how can i insert the option in select in h1 tag. like if a choose james, so jquery take the text james end rewrite in <h1> so the new <h1> will be james and will dissapear Choose Staff on the Right <h1> Choose Staff on the Right </h1> <select> <option> Choose Staff Name</option> <option> james</option> <option> alex</option> </select>
Adding a delay/timeout to dropdown menu
Hi everyone, I'm new to this forum! The code below is working fine for me, however I would like to add a delay / timeout to it.. Everytime I move my mouse off the element it jumps away really fast.. <script type="text/javascript"> // Executes the function when DOM will be loaded fully $(document).ready(function () { // hover property will help us set the events for mouse enter and mouse leave $('.menu li').hover( // When mouse enters the element function () { //Fade in the navigation submenu $('ul',
Problem pausing all animation on Mouseover
Hi Everyone, OK so I am trying to pause ALL the slide animations on a page. At the moment I have three rows of boxes all using the same slider script, sharing the same class name. What I am trying to do is pause all 3 of those animations when one of them is moused over. I am using the responsive slides script from http://responsive-slides.viljamis.com/ This is how I have the HTML marked up (please ignore the $smarty syntax): <section class="greenBox"> <ul class="rslides slider1"> <li><img src="{$smarty.const.SITEURL}/images/vane/celebs/hamilton.jpg"
ThemeRoller jQuery problem
Hi there, i have been trying to create a theme for use in Gallery3, using the module Gallery3 Themeroller http://codex.gallery2.org/Gallery3:Modules:themeroller the instructions say: Go to http://jqueryui.com/themeroller/ and generate the color scheme you want or pick from a list of existing themes. Click the "download theme". Choose the '1.7.3 (Legacy release, for jQuery 1.3.2) ' radio button. Click "download". Save the file to your desktop. Log in as admin; Admin -> Appearance -> Import themeroller
appendTo(document.body) ???
Hi Friends, This is Suresh. I am Joined today this forum. Anybody Please explain this and explain " (document.body) " also???
iScroll does not work when touchstart event using time
Hai friends, iscoll using my project(jquery mobile) that time textbox is not editable mode. so i used touchstart event. but iscroll does not working.. so pls help,.. code : --------- var selectField = document.getElementById('name'); selectField.addEventListener('touchstart' /*'mousedown'*/, function (e) { e.stopPropagation(); }, false);
jquery and ajax
Hi everyone, J have problem with my first script, J want to do main page with menu (say index) with included jquery, fckeditor, script with tabs, and J have script which add something to <div id=content></div> Its look like this: $("#pages-wrapper").delegate("a","dblclick", function(e) { var href = $(this).attr('href'); $('#conte').load(href); return false; }); Its loading page called "main", in this page J have fckeditor and my tabs and this is not working.. From FireBug J have
refresh page to load content & css correctly
Hello I have tried to host jquery-mobile locally and CDN-hosted but it doesn't solve the issue. I have to refresh the browser so the content is shown correctly (css and scripts). Couldn't find a solution on the forum and I want to avoid installing another script that refreshes automatically. When I take out the jquery-mobile content (script + css) the html pages load and function correctly. Any hep is much appreciated! see: www.topswitzerland.ch
Persistent header broken in long pages when back in history
Hi to all, this is the case: i've 4 pages all in one single html file. the first three pages are categories-subcategories-subsubcategories listviews (i use changepage instead of href). The fourth page displays item details. Transitions is set to none and on pageshow i launch an ajax() call to asp page. Results are injected with append() into the ul (first 3 pages) and a div (details page). Header and footer are fixed and persistent. I use jquery mobile latest via cdn and jquery-1.8.2.min.js and
jqplot chart is not displaying in my jquerymobile page
i am preparing a jquerymobile app, in which i want to insert a jqplotchart, so that i wrote code for that. but now problem is chart is not being displayed in my page. javascript i written: $(document).bind("mobileinit",function() { // go to server for chart data $('#pagePlotChart').live('pageshow',function() { $.get("mygraphdata", function(data){ $.jqplot('plotChart', data,{ title:'My Chart', axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, axes: { xaxis: { label:"Day", pad: 0 },
buttons not styled in jQM popup launched from code
I posted this question on SO too, but probably this is a better place to get an answer. I'm using jQM popup to 'alert' users of something. For example, I make a $.ajax() request and if there's something wrong with the response I shoot a popup. Something like this: <div data-role="popup" id="popup"> <p id="popupMsg"></p> </div> $("#popupMsg").html(msg); $("#popup").popup({ history:false, overlayTheme: "a" }).popup('open'); It all works fine, but If I change the popup to include a button, this way:
Select element - sorting
Hi, I have on my page <select name="select-choice" id="select-choice" > element with some options values, for example <option id="cityA" value="cityA" class="remove">Paris</option> I have two questions - at first I would like sort this elements alphanumeric. I am using this code try{ $("#select-choice('option[class*='remove']'").remove(); }catch(e){ alert('Error when sorting'); } After sorting I can see alert with error message, but elements are removed! IntellijIdea show
IE Problem - No style?
Hi I am experiencing problems with my footer styling, but only in IE (many versions). Other browsers display the footer no problem? The link is at http://www.homersparadise.com/homerbg/ Click on any of the list items on the first page and the next page appears, but the footer is all distorted. Any quick ideas anyone please? Malky
Next Page