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
Tabs inside accordion issue
Hello! I am trying to create an accordion with tabs inside each section and I am running into an issue. In the Jquery css I added an image that was intended for the accordion only. The following is this css (added images in red) jquery-ui-1.9.1.custom.css: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { height:150px; width:700px; border: 1px solid #dcd9de; background: #dcd9de url(images/SmiteBanner.jpg) 50% 50% repeat-x; font-weight: bold; color: #665874;
Updating a list
I've written some JQuery code to continuously poll my server for a list of items. When the server responds, I remove all the items from the list on my page and add the new ones from the server in. This causes a few problems with the user interface. When the list is updated, the scrollbars move back up. Also, if you click and hold one of the list items, the button state resets when the list is updated. Does JQuery / JQuery mobile provide something to help with this? My server doesn't support sessions,
Adding RTL property to the page
Hello, I have been working on RTL support for jQuery Mobile and you asked on twitter how to make this more maintainable. I suggest adding an RTL property to the page class/element; then check this property before setting any button/icon default positions and check it in sliders code as shown below; then make another RTL CSS file that overrides/reverses some values (floats, margins, text-direction.. etc) which users can simply link when RTL support is needed. Here is my idea: 1) Make a property for
Banner and Rerun links don't work when loading file directly
This may be just an IE issue. I haven't tried this with other browsers. Create an html file such as MyTests.htm. Run it by going to the command line and simply use: MyTests.htm<CR>. Do this instead of using something like http://localhost/MyTests.htm. IE will bring up the tests and they run fine. However, clicks on Rerun or the Banner are ignored. I debugged thus and found the bug. It appears that the code to create the URL only understands HTTP://. Not FILE://. I created a work around in our code.
Intercept jQuery Mobile Ajax load before pages are extracted
I have some data that (for complex reasons) is only available to the decorator that wraps around the <body> tag. I'm currently adding that to the <body> tag as a data attribute. I need to copy that data to the individual page divs, and I can't figure out the best way to do that. One thought was to intercept the AJAX load before page div(s) are extracted, and manipulate the DOM to copy the data attribute from the <body> to the page divs. Is this possible? Can anyone suggest the best way to do this?
Hyperlink in selectmenu-plugin.
Im using the selctmenu-plugin with custom formatting. I want to use a hyperlink for details as shown in picture below. Could this be done? Cheers! Axl
how to create a function to read just the CMS pages in jQuery??
how to create a function to read just the CMS pages in jQuery??
Collapsible Autodividers
Good day all. I am pretty new to jQuery/Mobile and did not see this mentioned anywhere. Is it possible to collapse with autodividers? Or do I need to create this manually? Thanks in advance for any information.
Hide text when div is visible
Hi all, I got this function: <script type="text/javascript"> $(document).ready(function(){ $(".slidingDiv").hide(); $("#testshow").show(); $('#testshow').click(function(){ $(".slidingDiv").slideToggle(); }); }); </script> and: <a href="#" class="show_hide" id="testshow">Show</a> <div class="slidingDiv"> Div is open <a href="#" id="testhide">hide</a></div> How can i hide the text "Show" from the a href when the slidingDiv is open? Thanks! Bart
Elements on page flicker in SIZE between page loads
When I say flicker I'm not talking about the typical white page flash between two pages...this is different. When switching from one page to another while testing on an iPad 2, the entire page (all elements, images, etc) flicker to a large size for about .1 second then go back to the normal state. This isn't a temporary quirk, it happens on every page between every load. I can't actually show any code at this time (without getting in trouble), but I'm hoping some people have ideas. Anyone have some
Probelm With Jquery
Hi guys i'm mark and i started writing in jquery. I'm totally noob on this argument but i starting study on book,tutorial on internet etc. I have this problem i create a modal to delete user into my personal db but the delete link appear only in the first row of the table of user,i try everything but i can't find the right way :( i hope somebody can tell me how is the best way to resolve my problem... Thank you for taking the time to me. greetings mark
Jqm high res icon support on iPhone 4s
I'm building a web app using jQueryMobile (primarily) - exclusively for the iPhone 4s, and I'm having the following issue: The icons that are included with jQueryMobile are not displaying properly (not displaying in High Resolution) on an iPhone 4s with retina display. All the custom icons I've used do display properly in high resolution format, but the default icons are not loading in high-res. I've verified that this is not just my imagination, as I can see that the file that is getting loaded
New plugin system
I have followed all the steps at the plugins.jquery.com repo on github to be ready to add my plugin to the new system, I have a plugin called Tweetslider in the old repository, but I am confused. I have set up the local jquery sites using /etc/hosts to route it to my ip, and set up all the node functionality. I assumed that publishing a plugin would be done via the wp-admin of the local site, but it seems this is not the case. The more I read, the more it seems that I simply add a jquery.json manifest
Next Page