jquery disabling all hrefs and making text inaccessible to copy/paste
Help! I am a real newbie in using jquery. And I have been recruited by a friend recently to update his Website. I put a pretty nice slide show on it (using WOWSlider). It still has some legacy "crap" code from his insistence on using FrontPage (!!!) to edit html. Anyway, if I enable the <script> line that includes jquery.js, which is necessary for the slideshow to run, it suddenly makes all text inaccessible on the site and NONE of the hrefs work! Here is the url of the page I'm messing around
Crate a drop down with LDAP condition
I want to make an drop down that will only show certain results depending on the group a logged on user belongs to. I have no idea where to stat and hope someone could guide me in the right direction.
date picker dates from mysql
Hello everybody I wanted to pass from mysql some dates to be unselectable with the date picker. Here's my booked_dates.php file: include("config.inc.php"); $db = mysql_connect($db_host, $db_user, $db_password); if ($db == FALSE) die ("Errore nella connessione. Verificare i parametri nel file config.inc.php"); mysql_select_db($db_name, $db) or die ("Errore nella selezione del database. Verificare i parametri nel file config.inc.php"); mysql_set_charset('utf8',$db); $merchant_date = mysql_query("SELECT
if your're using canvas , might as well use flexbox ??
I was just checking the support for canvas and flexbox , canvas i believe has slightly more support. The reason , i looked this up is because i was just using this plugin circliful HERE , now if the circle is 200px in height the text in the circle will be centered vertically , by added line-height:200px to the element. thats how the text gets centered vertically. My question is , if you are using canvas(the plugin code internally makes use of canvas) , you might as well use flexbox ? since canvas
jquery map stuff and gps theme for pulling/putting lat long in n email & text?
I am android guy, but I want jquery & jmobile theme for this: map theme for jquery?
Dialogs working fine on desktop but flashing and disappears on mobile.
Hello, Could someone tell me why dialogs don't wait for action on mobile? All are working fine on desktop, but when I test on mobile I remarks stranger behaviours. when I click on link to show the dialog: The dialog appear for some ms an disappear. if I click a second time, sometime the dialog work fine or not ??? Thanks for advices
transform: translate not working after jQuery has set CSS transform
Hi I would be grateful for any help here. If I set a transform:translate(x,y) using jQuery I don't seem to be then able then set another transform:translate(x,y) using CSS. I've provided a Codepen example. If you comment out line 13 (where jQuery sets the CSS transform) of the JS window and click Run, when clicking the button, the transform works fine. If you remove the comment and allow jQuery to initially randomly position the element and then click the button, translate(x,y) doesn't seem to work.
I need an idea how to do this?
I have five names i.e strings apple,boy,cup,dog,egg in db or in array (mysql) I have textbox when I enter any of these five words it should print down to the textbox(not using autocomplete) and left over should display remaining left u haven't typed? How to do it? KRISHGANI2@GMAIL.COM
Cookies or Sessions for JQuery Mobile?
Hi, I would like to ask, would you recommend to use PHP sessions or Cookies when storing non critical data in a website using Jquery Mobile? Thanks, Jassim
Change Accordion Panel to Work Differently
jqueryui.com/accordion/#collapsible I want to make changes on the Accordion panel I downloaded the version 1.12.0-beta.1 I tried several different sites to understand how to solve it and change the working of the panel. I didn't know where should I suppose to paste the lines. I tried to paste them to the main HTMLs body. Like this site: www.tutorialspoint.com/jqueryui/jqueryui_accordion.htm#accordion_options What I want to change: it should be closed when the page is opening
jQuery image sliders
Hi, can you advise jQuery plugin image sliders you use or know? Animation should include slide and fade. I also want images allowing text overlay and hyperlinks. So is there any which has all in the package?
Update the data of the table without using refreshing function based on input textbox
Goal: When you write any letter or number in the id="searches" you should display new data in the table without refreshing the website. The effect of using the "refresh" or similiar effect is to use F5 function. You update and not refreshing the table. When you empthy the input text box (id="searches" ), the default data should display. Default data is: <table border="1"> <tr> <th>a</th> <th>b</th> <th>c</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>3</td> <td>4</td> <td>5</td>
Update the Formula not refreshing the page
Goal: WHen you press on the feedback button, you add som data in the formula and then you send it away. In the last approach, you retrieve a feedback message "Thank you for your feedback!" Problem: How should it changed from Feedback formula to the feedback info "Thank you for your feedback!" in the same page without refreshing the webpage. What technology do you need to use in order to achieve the goal? I was thinking about json, angular etc. You update and not refreshing the page. Info: I'm using
Drag and drop game not working
Hi I have been trying to make a game with 3 images of different animals, a cow a pig and a duck. what is supposed to happen is when you drag each animal into their respective boxes it is supposed to indicate you got it correct by say a different colour on the box div. if you get it wrong it is meant to revert here is the js fidddle. https://jsfiddle.net/oumr294h/2/ Thanks again Nafis
Trying to replace text in a paragraph - but breaking other <p> tags on page
Hi guys! This is my first post here on this forum. I've searched around here and can't seem to find the answer to my particular issue. So, the issue I'm battling is probably elementary for most folks here. What I'm trying to do (and failing at) is replace a phone number wherever it appears in paragraphs across a website. While I've been able to get the .replace to work, somehow it is breaking other elements on the page(s). For example, on a blog post page, it nukes the links for the blog author and
why <select> is refreshing my page?
Hi, In this page: http://www.mybluefile.com/m/attendance when you select the year everything is ok but when you select the month it will immediately refresh the page and I don't get any error in the console. How can I fix this please? Thanks, Jassim
Passing an Array of Dates to Datepicker - Issue with Date Format
Hello Everyone, Im using datepicker to highlight a few dates that are pulled from my Database Ive Followed Instructions by Jake From the thread below & got almost everything working(Thanks Jake) Original Thread However im facing issue with date's Format Ive Noticed Dates work When i pass them as : var datesArray=['2016-7-1','2016-7-2'] However the same date when Passed as: var datesArray=['2016-07-01','2016-07-02'] Fails to be highlighted In the Datepicker My problem is The Array in Which my Database
Malformed selector fails when using $el.find(..), but not when using $(..)
I came upon what I think is a bug when trying to refactor some code to use a common parent element. When splitting the selector up into a common part and using .find for the specific part it suddenly failed with a Syntax error since the attribute selector is missing the closing bracket. Using just the specific part as the selector in the main jQuery function works though, as does using a compound selector. Is there a difference in how selectors are parsed in the $(..) function and in the find(..)
lake.js not working
I was just trying to use lake.js , its a canvas plugin, that basically creates a lake effect with any image , so i have the following HTML: <div id="lakes"> <img id="lake-img" src="img/lake.png" style="display: none;" height="200" width="500" /> </div> and init teh plugin like so: $(function () { $('#lake-img').lake({ 'waves': 6, 'scale': 0.5 }); }); This is virtually similar to what they have done on the demo site HERE. FIDDLE HERE , i know the plugin is
howto migrate jQuery 1.6 (!) AJAX requests to work with jQuery 2.0
Dear all, sorry for this (probably sounding stupid) question, but I have to migrate an existing application (which was developed by someone else years ago) from jQuery 1.6.2 (I know...) to a recent version (let's say 2.2.0). Whenever I use any version of 2.x jQuery the application breaks, however it seems (at least partitially) to work with jQuery 1.12.0. I do positively know the problem is with the usage of AJAX requests, so I hope someone could guide me towards a kind "howto migrate jQuery 1.9
How to retrieve the id of the <li> clicked to generate a popup
Hello,I've a list composed like this: <div data-role= collapsibleset id='CollAlim'> <div data-role = collapsible> <h3>collapsible header</h3> <ul data-role='listview' id='listAl'> <li><a href='#' detailId='101'></a></li> <li><a href='#' detailId='102'></a></li> <li><a href='#' detailId='103'></a></li> <li><a href='#' detailId='104'></a></li> <li><a href='#' detailId='105'></a></li> <li><a href='#' detailId='106'></a></li> </ul> </div> <div data-role = collapsible> <h3>collapsible header2</h3> <ul
Lightbox - Smarthphones (First Site)
Hi there, I made my first website, i would like know it's good? well, i have question, This website works fine in desktops, but when i try with smarthphones(only android, iPhones works fine) the light boxes, doest looks fine. just give me your opinion. thanks !
Using datepicker to send date range to url
Greetings, I am using the jQuery UI datepicker range (http://jqueryui.com/datepicker/#date-range ) on our company website. We are in the hotel business, and need customers to be able to select "Checkin" and "Checkout" dates, then submit that information to a specific url by clicking a "Book Now" link. I've used the code from the above site, and added the following at the end: <a target="_blank" href="https://examplereservationsite.com?checkin=xxxxx&checkout=yyyyy">Book Now</a></h3> My question is,
Getting JQuery UI 1.12.0-beta.1
Hello everyone, Where can I download JQuery 1.12.0-beta.1, with the humanity theme? This page https://jqueryui.com/download/ returns a 404 error when downloading the latest beta. Andreas
Media query is not getting applied on footer background image
2. I am applying media queries for a background image in the footer for retina and ipad air2 and ipad2 but it is not getting applied properly.....this is the code i am applying... @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { .div_footer { background:url(../img/footer_portrait.png) no-repeat ; background-size:100%; } } /*Retina iPad-- Landscape */ @media
Checkbox not working till I refresh
Hi, <label><input type="checkbox" id="chkAccept" name="chkAccept">I have reviewed this leave application</label> and below jquery. I am trying to show / hide buttons when checkbox is checked on unchecked but it's working from the first time I load the page. I have to refresh to get it working. $(document).on("pagecreate", "#pagePendingReviewLeaveDetails", function(event) { $.validator.messages.required = ""; $('#chkAccept').click(function () { $("#btnAccept").toggle(this.checked); $("#btnDecline").toggle(this.checked);
How to hide keyboard when click on other control in cordova/phonegap app on android phone 5.0+ ?
I am working on cordova/phonegap hybrid android app. We are using to cordova-3.0.0, jqm-1.3, and android-4.2.0. My problem is that, when the user shift focus after typing in the text box, the keyboard does not gets hide. This problem is getting raised in android Phone 5.0.0 +, but not below 5.0.0. Could anyone please help?
Footer moving from its position
1. On clicking the username or password fields for entering username and password, the footer is moving from its position....is there any solution for this?
Add ability to move selector boxes (month/year) to any displayed month
Current situation: The selector boxes for month/year appear on the first month displayed in a multi-month layout, however if you have the active month set other than the first position, the selection of months is non-intuitive. The month you select in the selectors is not the month that then appears below the selectors, leading to user confusion when selecting dates. Example: with option showCurrentAtPos = 1 [October] ------------ [November] ----------- [December] ^ Selector here ^ Chosen month
Sub Total Basket
Hi, I'm trying to create a sub total cart using jQuery. I create a pen which you can see here: SubTotal with jQuery Although it seems to be working but I'm not happy with the code. One big issue is that because I want to have the cost, subTotal and the Total-Cost all calculated when you first open the page, I have to repeat the same code once inside the document ready and once after click on + and - sign to increase or decrease the quantity. Could you please help me to improve my code? How can I
Popup images not displaying correctly
I've run into a problem that I can't fiqure out how to solve it or what the issue is either. I got a page that displays images and if you click on an image a popup is shown with images that belongs to the main image. The problem I'm having is that 1) There is 2 images being displayed instead of 1. 2) If you go to another tab and you go back to the site the wrapper gets bigger. I'm using flexslider for the gallery. I've tried deleting my css and putting it back bit by bit and the same with my js,
fixing some issues and adding some buttons for simple calculator
Hi, I'm just trying to fix some issues on my simple calculator. I only have 3 issues right now that I am trying to fix. 1. When I'm trying to click the +,/,* and - twice the result will be NaN, how can i fix it like even if I click it twice it will be the same in clicking it once. 2. How can I create a default value of 0 that when i click a number the default value will automatically remove. 3. How can I add a maxlenght on my textbox? I also want to add 2 buttons. a backspace button and a decimal
displaying specified div in order based on clicking dynamically displayed dates with jquery/javascript
Here is my code: http://js.do/jane-d0e/80399 I have predefined div's, each are going to contain different content and styles. I want to have a user enter a start date, and then restrict the end date so they can choose up to 7 days. I have been having a problem implementing the date restriction, I try doing "+7d" for max Date but for some reason it doesn't limit it correctly, it is always showing more than the amount I specify. So say the user chooses a date range, with 7 days total. The date range
Trying to refresh a div on a form submit to display the newly added array values without the page refreshing.
I have a form to create a new item in the db, it does this through ajax. I also have an array on the page displaying all the current items. When I add a new item using ajax i want the items array to update and display the new item. I'm using ruby on rails with the gon gem to make the js array so the js array isn't getting the values from the db its getting them from the rails array which is getting it from the db. If I update the js array on form submit it will still grab it from the rails array
Get form element
I am unable to get the form element due to some reason. Infact these elements are on bootstrap modal called by ajax. Below is my code <form action="#" method="post" id="myform"> <input type="text" class="name" placeholder="Your Name" id="name"> </form> Below doesn't work: name=$("input#name").val(); name=$("#name").val(); name=$("form#name").val(); name=$("#myform #name").val(); name=$("#myform input#name").val();
Display input box on top of a each td with a certain class on button click
Hi There, I want to display an input box on top of each td with a certain classname on a button click. The reason for this is ,t he user will then scan each inputbox with a barcode scanner and in the end press OK to make the inputbox disappear and come back to the label state. I am using jquery selectable <table id="#seelctable"> <tr><td id=1 class="selected">Test1</td></tr> <tr><td id=2 class="selected">Test2</td></tr> <tr><td id=3>Test3</td></tr> <tr><td id=4>Test4</td></tr> </table> <input type=button
disable message and show dialog
Hi, I am using jquery validation and I want to disable the appended or inline messages and display it in a dialog instead. So is it possible to set the: messages: { firstname: "Enter your First Name", lastname: "Enter your Last Name", email: { required: "Enter your Email", email: "Please enter a valid email address.", } } but then show in it: $('#msgAlert').html(message); $('#dialogAlert').popup(); $("#dialogAlert").popup("open"); Thanks, Jassim
Smooth Scroll problem
Hi guys, so I cant get it to work and I dont see what I am doing wrong. I follwed this video step by step: https://www.youtube.com/watch?v=-SnKQsM_BfQ and it refuses to smooth scroll, the anchor works though. I made a separate file called scroll.js with the following code; $(function(){ $('a[href^="#"]').click(function(){ var target = $(this).attr('href'); var strip = target.slice(1); var anchor = $("a[name='" + strip +"']"); e.preventDefault(); $('html, body').animate({ scrollTop: anchor.offset().top
div not hide when submiting
in my css i have the #imagefinder{ display:block; line-height: 1.5; font-size: 12px ; color: rgb(127, 124, 124); border-top: 1px solid rgb(219, 229, 232); } in my demos.php <div id="imagefinder"> Create an account or login.<br> It only takes a minute or two - then you're ready to Go!<br></div> <?php if(!empty($err)) { echo "<div class=\"msg\">"; foreach ($err as $e) { echo "* $e <br>"; } echo "</div>"; } ?> What i want is when user hits the submit button and if there
Custom action when dialog close
Hi, I have this dialog: <div id="dialogAlert" data-role="popup" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width: 400px;"> <div id="divTitle" data-role="header"><h1 id="headerTitle"><label id="msgHeader" style="font-size: large; font-weight: bold;" /></h1></div> <div role="main" class="ui-content"> <p id="msgAlert"></p> <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Close</a> </div> </div> when error I am using:
Next Page