getJSON on bind(pageshow) function returns nothing from PHP file
When sending the request from the jQuery Mobile script to the specified PHP file, nothing is returned, nothing is appended to the html file. Here's the URL of the page: localhost/basket/newstext.html?url=http://www.basket-planet.com/ru/news/9235 newstext.html: <head> <script src="js/newstext.js"></script> </head> <body> <div data-role="page" id="newstext"> <div data-role="content"> <div id="textcontent"></div> </div> </div> </body> newstext.js: var serviceURL = "http://localhost/basket/services/";
Customize ErrorList Message
I need a way to append the LABEL that is associated with the INPUT that is captured in the errorList; in other words I need to have a summary of errors and I need to know which field created the error. Also, I am using the smart wizard to assist in navigating the form. My code: showErrors: function (errorMap, errorList) { $.each(errorList, function (name, value) { var $errorLabel = $('label[for="' + $(this.element).attr('id') + '"]').text(); this.message = this.message.replace("#{field}", $errorLabel);//
Regenerating popup after reloading page
Hello everyone, I am new to this forum and want to ask a question. I am using ajax to crop and upload profile pic in one of my miniproject. After submitting the upload form the page is getting reloaded and the popup disappears (that happens). But after the page gets reloaded, what I want is that the popup should reappear automatically after the page reload. So that, the user will not have to click again to regenerate the popup. Can anyone tell me what should I do to get the expected
How to set data-wrapperels="div"
Hello, I am using jqm 1.3 and I am trying to set <a href="#menu" data-role="button" data-iconpos="right" data-shadow="false" data-wrapperels="div"> Link </a> but jqm implements it as a <span> I've been Googling for some time, but can't find info about it. Can someone explain me how it works or paste me a link where I can get more info? Thank you
jquery menu
hi guys i am brand new to forums and jquery so bear with me. this is my problem: its to do with drop down menus. the code works fine on normal menu but I can seem to get it tio work on sub menu:( I would like to bring in different content into the same div. here is the html for the menu the menu is at the bottom of the site opening up instead of down. <ul id="nav"> <li><a href="home.html">HOME</a></li> <li><a href="AboutUs.html">ABOUT US</a></li> <li><a href="partners.html">PARTNER</a></li>
lightbox scrollable
Hi there, I'm trying to make the lightbox content scrollable. My lightbox content is higher than the lightbox, is this feature available? Thanks a lot!
dynamic creation of navbar
how to dynamically create a navbar with out using a static control group??
The future of web development. !!!
Please watch till the end !!! http://youtu.be/hPZpEIh4ooo Watch this guy's other videos !!! Put these ideas in JQUERY and change the web !!
Letters Peeking in Password Textbox with Windows Phone 8
Hi.. I am using Miscrosoft MVC HTML password helper in windows phone 8 with jQuery validation as in following code snippets. @*Script Section*@ <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> @*View*@ @Html.PasswordFor(m => m.Password) @Html.ValidationMessageFor(m => m.Password) But while typing, the wrong letter in the textbox is getting visible
iframe width and height in percentage or responsive?
Sorry for re-posting my problem. I'll try to explain better my needs here. I "simply" need to open a popup containing an iframe using percentages. So that a popup will fill the viewport by, say, 90%width and 90%height. But I've found only samples with fixed width. How the hell can a fixed width popup fit on smaller screens? For instance, once I click the button that will trigger the popup, the popup will be sized to 90% width of the viewport and 90% heigth of the viewport. Is there a sample that
call webservice in phonegap
hello,I m getting problem in how to consume webservice in phonegap on button click. plz rlpy...
jqueryui, slider increment - need help
I am trying to expand on this one: http://ui-dev.jquery.com/demos/slider/#steps I am trying to achieve the following two things: 1) Display multiple results 2) And at the same time display fixed values So for example I have a slider, and I increment by 100 every step. It shows 100, 200, 300 etc. The second field that is displayed when I drag the slider shows: 23, 45, 889 The third field shows: 001, 222, 333 How can I add fixed values that are depending on the slider? I am not sure how to build
Jquery DateTime picker control dates
Is it possible to control datetimepicker dates/time in jquery? disable all dates except specific date and time. Thanks
Only weekends and specific dates are available
Hi, Is it possible to enable specific dates at the sametime weekends in datepicker? I have disabled all the dates and enable some certain dates, but i want also to enable weekends. please see my codes. Thanks var availableDates = ["9-4-2013","1-5-2013","12-6-2013","21-8-2013","26-8-2013","1-11-2013","24-12-2013","25-12-2013","30-12-2013","31-12-2013", "1-1-2013"]; function available(date) { dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); if ($.inArray(dmy, availableDates)
Need advice on how to remove button on other HTML pages
Hi all, I've created a contact page with help of jQuery and when click on button, it pops up with fadeToggle effect. Now the button appears on all my html pages, which I don't want to. How could I remove them from all other pages except from my contact page? $('html').addClass('js'); var contactForm = { container: $('#contact'), config:{ effect:'fadeToggle', speed:500 }, //same thing as constructor method and gets everything moving init: function(config){ $.extend(this.config, config); $('<button></button>',
drag and drop not working for dynamically created div
Hi, I have created a div using jquery. Drag the element from another div into newly created div. but dropping is not working. If i create the div on form submission it's working fine. Pls can any one help me how to do the above funtionality with out form submission. Thanks you.
Creating a like/unlike button
Hi Guys, I am trying to create a like/unlike button for my website. If you visit http://callummundine.com.au/photo/explore_photos.php and hover over the first photo, you can click the like button. As you can see, i have managed to get it to switch between 'Like' and 'Unlike', but it removes the icon. Any ideas? Here is the code: <script> $("#like-unlike").click(function(e) { if ($(this).html() == "Like") { $(this).html('Unlike'); } else { $(this).html('Like'); } return false; }); </script>
how to custom position jquery-ui tooltip for each item
I use default code to apply for all website have tag img or attribute is tootltip and title $(document).tooltip({ track: true, items: "img, [tooltip], [title]", content: function() { var element = $( this ); if ( element.is("[tooltip]") ) { var src = element.attr("tooltip"); return "<img src='" + src + "' width='100'>"; } if ( element.is( "[title]" ) ) { return element.attr( "title" ); } if ( element.is( "img" ) ) { return element.attr( "alt" ); } } }); but in the some cases, I want to change
Image Hover event with hyperlink in text
I'm hoping that I'm explaining this correctly. I have a list of images. I want to create a hover event on the image and when I hover over it, I want a slight see through background to go over the image with the specific hyper-linked title in the slightly see through background. I know I've seen this in the past, but I can't find anything via google since I can't figure out what to call it. LOL.
Cycle Plugin: Addslides dynamically
I am using jquery cycle plugin, I want to add slides dynamically in between the existing slides but default functionality is it's always adding the slides at the end of exiting slides. function onBefore(curr, next, opts) { //Adding new slide // item has dynamically crated div element opts.addSlide(item); } Thanks in advance!
show/hide divs problem 1.6.1, ie8
I've done a search and it seems ie8 does have a lot of problems with jquery and I already know that if I update to the latest jquery (which I cannot, lead dev ) then this fixes the problem. I'm wondering if there are any code practices which can fix this... it seems that non of my jquery is working in ie8. I am using this fiddle to show/hide divs - it works everywhere except ie8 - my code is based on a hack of this thread. Just nothing at all seems to work in ie8.... is it my code?
How to reduce jquery load time / javascript load time / website load time ?
I have created i website but is loading time is very slow, see this below link & help me : http://maavankal.com
Creating an overlay of an image (like Pinterest)
Hi, I am new to jQuery. I am trying to make a feature on my website so when you hover over an image, it makes an overlay appear. I have successfully done this, but one issue i am having is when you move the mouse, the overlay flickers. Please visit http://www.callummundine.com.au/photo/explore_photographers.php and hover over the first image to see what i mean. This is the script i used: <script> $("#1").hover( function () { $('.layover').show(); }, function () { $('.layover').hide(); } ); </script>
Please help with solving a jquery Waypoints problem.
I'm close to tearing my hair out with Waypoints. First of all, I'm far from being experienced in javascript. I'm using Waypoints to 1) fix the nav to the top of the screen at a certain point (this works fine) and 2), highlight nav items when certain sections are reached. Everything works perfectly except when you click a nav item that requires the waypoint direction up, e.g. click "Exceptional Value" and then "Destinations." You'll notice that the waypoint seems to be a pixel off and "Exceptional
How can i replace string?
How can replace string use replace(/;/g, "/") or another that not use split(array)? ex: ;001;;002;;; -> 001/002 <script type="text/javascript"> function test() { var row=$('table tr'); var temp=[]; $(row).each(function(){ var col=$(this).find('td'); var tdtext=""; $(col).each(function(){ var _txt=[]; temp=$(this).text().split(';');
E-mailing an attachment automatically
I am building a program in html that basically generates text based on selections, text input, etc. One of the things I would like to do is pick a certain file (they are all .pdf files) and automatically open up an Outlook e-mail with that file attached. My programming skills are exceptionally limited, although with the help of all of you, I have built something pretty phenomenal. I know I can create the e-mail, create the subject line, but if I could make it auto-attach the selected file, that
jQuery lightbox + text
Hello all, I'm looking for a jQuery lightbox that lets you add an image next to a text paragraph. Some of them, such as this one, do allow you to add images; however, I have yet to find any that lets you add text next to it. I must clarify that I am not looking to add merely a caption, but rather an entire block of HTML text, preferably of the same size as the image. Does anyone know of anyone I can use? Thank in advance and I apologize if this is the wrong place to ask this.
Append rows to a table
Hello. I'm a jQuery newbie and I'm having trouble with it. I decided to create a new post even though there were already a couple of threads with a similar title because I tried (some) of the solutions provided in those threads and it didn't solve my problem. I want to append a specified number of rows to an existing HTML table using jQuery. The idea is to let the user input the number of rows to add the table. I've tried something like the following: $(document).ready(function() { $('#addField').live("click",function(){
Header and Footer native browser zoom
If you specify no viewport in a JQM Page, then you can zoom in the page with the native mobile browser zoom. But if you have a fixed header or footer they will grow bigger and bigger, because they use em or something as dimensional unit. If they would be sized with the new css units vw or vh they wont grow bigger. Is there a way to tell jqm to use them ?
BlockUI (Global Block, then Element Block) No Overlay Click
*UPDATE* http://jsfiddle.net/6tH4E/ Working Fiddle... This fiddle produces the error if you follow the instructions Here's my current problem.... I have a form <div id="blah"></div> ok so, I use the global block $.block({ message: $('#blah'),onOverlayClick: $.unblockUI; }); // works then when the form is submitted, I block the form $('#blah').block({ message: 'Waiting...' }); on ajax completion $('#blah').unblock(); this all works, however, once the form is unblocked, I can no longer click the overlay
Multiple Jquery Events on One Page [SOLVED]
Got these two images, both need to interchange, via jquery, with an alternative image. http://gmjones.org/s/test.html If I remove one image, the other one will work, but both will not fade-in/fade-out with their alternatives. Both divs have the same id, 'flag_change'. The jquery refers to this div.How do I get two or more events to do the above?
looking for script that counts downloads
i want a script that counts and lists how many times a file has been downloaded or how many times a link has been clicked and i want it to post the number on the page for visitors to see can anyone provide that?
Open two jquery colorboxes on page load in javascript
Does anybody know for the possibility of two jquery colorboxes open independently on page load?? I am able to open single colorbox on page load but i need to open two at a time
Jquery and javascript is not working, can you help?
<!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" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <script type="text/javascript" src="Gallery.js"></script> <link href="University_of_Brighton_Karting.css" rel="stylesheet" type="text/css"
How can I remove the alert message when using zClipboard after the data is copied?
Hi I am using the zClip plugin to copy a text in my page which is working fine. However, It display an alert stating the the data has been copied. I just want to remove that alert. I wan't the data to be copied and not alert is displayed. How can I do that? This is the plugin http://www.steamdev.com/zclip/#notes Thanks
Is my replaceWith code wrong??
I have this code but jsfiddle gives no result, why?? $(function () { $('<img src="https://facebook.com/favicon.ico" />').replaceWith('<i class="icon-facebook"></i> '); }); http://jsfiddle.net/U6hpz/1/ Thank you, Tom
Change icon color
Hello again, I found I can change the color of the circle surrounding an icon with that .ui-icon-check { background-color: red; box-shadow: none; } I am guessing if is possible to also change the color of the icon, any help? Thank you
Autocomplete fails on sub page calls.... please help
Hi Guys, I'm currently testing the 1.3 autocomplete example. Everything works well on the initial page load but then the script fails on subsequent calls to other links on the page. I'm currently using: $(document).bind('pageinit', function () { $( "#autocomplete" ).on( "listviewbeforefilter", function ( e, data ) { var $ul = $( this ), $input = $( data.input ), value = $input.val(), html = ""; $ul.html( "" ); if ( value && value.length > 2 ) {
jQuery, PHP, ajax not storing database values
Hello everyone, Quite new to jQuery, AJAX and PHP, and all new to this forum This is probably not a brainer for the experienced, but I simply cannot find out what is wrong. Let me explain... I have... 1 HTML page, with a form that submits only 1 field. This page also contains my jQuery / AJAX code. 1 PHP page, with only a few statements to store information in my database. I am trying to prevent redirection to the PHP page on Submit, which works just fine. However, the submitted field is just not
How to get class attribute details using JQuery ?
Hi All, I'm using below code. <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> <script> $(document).ready(function(){ }); </script> <style type="text/css"> .blue { color:blue; font-size:xx-large; } </style> </head> <body> <h1 class="blue">Heading 1</h1> </body> </html> How to get blue class attribute names and values using JQuery Thanks, Nazeer
Next Page