Why is script looking for theme files sometimes at mysite.com/mysite.com/src.gif?
See screenshot below. http://localhost:6835/skin/%22http://etcetc... This is not from my code -- it's from jqui:
Carousel Slider Background & reflection.js
Hey! I am using this jquery 3d slider for my website: http://www.jqueryscript.net/rotator/Minimal-3D-Perspective-Carousel-with-jQuery-CSS3-3D-Carousel.html It's perfectly working but occupies the whole backgroundpicture. I would like the slider to have a transparent background or have a individual image as background. Does someone know where and how I can do that? additional question: I use this reflection.js: http://www.digitalia.be/software/reflectionjs-for-jquery/ And would like to add some distance
Popups don't open on wanted position if user scrolls down
Hi, I spent all day on this and it's driving me crazy... I have two popups. The first one is in the footer : I want the popup to open at the same position as the footer. It works if you don't scroll. If you scroll the popup will open every time on the original position of the footer. How can I update the correct coordinates to the popup position ? Then I have dynamic popups that are created whit a javascript function. Now this is even worse. It's fine as long as you don't scroll, but if you scroll
Browser back button detect and reaload
Hi I need to check the action browser back and forward. If one of them clicked. reload the page either with the confirmation or without confirmation . Pls help
jQuery conflict Uncaught TypeError
Hi, I created on my frontpage a row with icons, when you click on the icons you will see more information about the subject. But the problem is now after creating this script that it doesn't work very well. I get the following error in my inspector: Uncaught TypeError: $(...).visible is not a function Uncaught TypeError: $(...).loadPage is not a function(anonymous function) Could anyone explain what's missing in this script? I've tried to add the no-conflict mode in jQuery but I can't get it working.
Having trouble assigning hyperlinks to .gifs that become visible through .toggle
Hi everyone, new to jquery and the forum and even quite inexperienced with html. So, I have this code: <head> <title>Title</title> <meta http-equiv="Content-Type" content="text /html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="mystyle.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('p a img').each(function(){var path = $(this).attr('src').slice(0,-4);
Can't display ajax call return
Hey guys, first time posting here and I'm rather new to web programming. This is a pretty mundane question ( I've tried many other place but no one seems to want to help / direct me in the right direction). Here's the thing I have an ajax call that is sent to a controller file ( I'm using Yii MVC) and I've tried a million thing but nothing is returning Ajax call: $('#validate').on('click',function(){ var data = []; // data container // collect all the checked checkboxes
Replacing the dragged element (or drop on self)
Hi guys, I have some elements that are both draggable and droppable, but I can't drop an element on "itself", which I need to be able to do. I have made a simple test scenario here: http://master.siteloom.dk/files/test/draggable.php I just paint the background pink on the "over" event, and I need the dragged div to become pink as well (so I know it wil lbe accepted). I have search almost everywhere, but even though accept is '*' or a function that always returns true, I can't get it to work :(
Jquery PJAX full blown function
I'm trying to build a function that can be built upon for ___X___ (generic) with PJAX, and was wondering how exactly I can finish building it out this is the github function: var pjax_e=0; function swapContent(href, url_data, target, loads) { $.ajax({ type: 'GET', cache: false, url: href+'?' + url_data, //add a variable to the URL that will carry the value in your i counter through to the PHP page so it know's if this is new or additional data success: function (data) { // this param name was confusing,
DatePicker beforeShowDay Fuction not working
Hello, this is my first post or question. I am working on a website. I have a datepicker input and should disable some dates. Here is my code: var disabled_Days = ["4-19-2016", "4-28-2016", "5-1-2016", "5-10-2016"]; if ( $('input.date-pick').length ) { $('input[name="date"]').datepicker({ startDate: tour_start_date, endDate: tour_end_date, beforeShowDay: function(date) { var m = date.getMonth(); var d = date.getDate();
Get values from range slider -Jquery UI
HI I am using jquery-UI range slider to pick 2 values (min & max). I need to get the 2 values identifiers for using it in the php code I have. Could not understand what are the identifiers. please let me know what are they ? here's my code: <script> $(function() { $( "#range-div" ).slider({ range: true, min: 16, max: 120, values: [ 16, 45 ], slide: function( event, ui ) { $( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] ); } });
connect "Filterable inside custom select " to mysql
Hello. I have a problem. I want to use "Jquery Mobile 1.4.5 Filterable inside custom select" with a Mysql database for afficharge the list. with version 1.4.5 jquery mobile. I would insert url connection file to the database in java script. pourvez you help me? <?php $mysql_hostname = 'xxxxxxxxxx'; $mysql_user = 'xxxxxxx'; $mysql_database = 'xxxxxx'; $mysql_password ='xxxxxxxx'; $mysqli = new mysqli($mysql_hostname,$mysql_user, $mysql_password, $mysql_database); $q = "select id, value, cyti from
The popup text doesn't appear on clicking
Hi, there! First of all, I want to apologize for my poor English (I'm brasilian). I'm developing a website and I added an interactive map in it, but when I mouse over a location on the map, the name doesn't appear. What am I doing wrong? Does anybody can please help me? If so, there's a link were you can check it out: www.plataformaes.com.br/teste The page isn't ready yet: you need scroll down the page until "Presença Internacional" to see the map. Thank you very much.
Problems with jquery in magento
Hello, I have a problem with jquery integrated into magento. Code was used to send emails to customers (using php mail function). In IE,Chrome work fine, but not in Mozilla and Safari browsers. I have tried to host it in the server (not in magento) and it works, with all browsers. I tried to use "noConflict();",but didn't help. Does anyone know the problem?? Many thanks for your answers. This is the code $(document).ready(function(){ $('#postcode').keyup(function() { $(this).val($(this).val().toUpperCase());
remove click files and submit php
https://jsfiddle.net/vcode/65w3j6rt/ <form action="" method="post" enctype="multipart/form-data"> <div id="drop-zone"> <p>Drop files here...</p> <div id="clickHere">or click here.. <i class="fa fa-upload"></i> <input type="file" name="file[]" id="file" multiple /> </div> <div id='filename'></div> </div> <input type="submit" value="GO"> </form> *sql_insert.php : print_r($_FILES); When I click the button removes any file This is what I want: After clicking
.button chrome / mobile outline
I cannot get rid of the outline from the .button element when it gets focus on Chorme and mobile browsers, despite having * { outline: none !important; } and also peppering outline: none !important; on every class in my themes file. Where should i be looking to fix this?
How make a mobile menu close on click/tap?
Hi, I don't know anything about javascript. Still, I'm using this menu, but merely on the mobile version of the site (fired by a special style sheet):http://cssmenumaker.com/menu/responsive-flat-menu I don't have submenus, just 6-7 menu items after the initial menu button that opens the menu. Problem: I'd really like if the menu closed to it's original state when a menu item is clicked. I.e. the click should make two things happen: 1) open the page in question and 2) close to its original state.
alphabetize/sort an unordered list
Hi, I'm fairly new to JQuery but can generally feel my way around. Would it be possible to alphabetize an unordered list when a page loads? i know this is kind of 'contrary' to the definition of unordered but it would seem like something JQuery could do. For example, if I had the following list coded into a page, <ul id="fruits"> <li>banana</li> <li>pear</li> <li>apple</li> <li>grape</li> </ul> could JQuery reorder/alphabetize the list so that it renders as: <ul> <li>apple</li> <li>banana</li> <li>grape</li>
How to implement div resize left on size bar?
I want to use minimal JQuey CSS without calling for the large css file. On my page I wish to be able to resize the ride side bar of which I'm pretty sure the following should work; $('.Quick-Sidebar').resizable({ handle: 'w' }); I've recently removed this from my page as it was simply breaking my tab switcher on my sidebar causing problems... How can I make my sidebar resizeable please?
Ajax loading with php breaks everything
I have a php page with a listview in it, with a search bar. I can access different content by passing a parameter in the url, after the index.php, but the problem is when I have a link in my page to another option (so a link to index.php?action=other_action ) the Ajax loading breaks anything responsive in the page, the search, buttons... The previous content is not removed so the new content is displayed but nothing is dynamic. Of course if I disable ajax loading everything is fine, but it's so
Check if a multi select dropdown list was changed
Hi, I need to check if the values of a multi select dropdown list as been changed from there initial values. The following code works when it's a single select dropdown list: if ($input.is('select')) { changed = !$('option:selected', $input).prop('defaultSelected'); }In a multi select dropdown list if I have this initial values: option a and b then add option c, it does not change the state of 'changed' var, only if I remove both option a and b. Grateful for any help.
What should be simple tab select...
I'm feeling utterly stupid that I cannot resolve my simple tab switchers located to the right-hand side of my page. Ordering it into the correct order, somewhat working then not then again... I keep going round in circles and it should be simple. On click - Users OR Alerts Remove all active classes Set active class on clicked On click - More Set active class WITHOUT toggling any others. Show drop menu Select Option Remove all active classes Set active class on clicked & 'MORE' Click outside / Other
jQuery validate a group where field names contain brackets
I have an HTML form that contains two groups of checkboxes. One of the group contains checkboxes where one should be checked to pass jQuery validation. The other group is not mandatory to select. First group (at least one checkbox should be selected): <input type="checkbox" name="appSourceFirstoption[1]" value="Answer 1" id="appSourceFirstoption" /> <input type="checkbox" name="appSourceSecondoption[1]" value="Answer 2" id="appSourceSecondoption" /> <input type="checkbox" name="appSourceThirdoption[1]"
JQuery Validation Two Fields Required only First is working
I am using JQuery Validation to try to validate two input fields in my form. The problem that I am coming across is that it does not matter which one I have as the first one, the secondary one is never called with validation unless the field is dynamically filled in by a value entered in earlier in the form. Here are two sections that I am having a problem with: <div class="form-panel"> <div class="row collapse"> <div class="medium-3 columns">
jquery validator does the submission even it's invalid
I am writing a form with jquery.validate the roles work on keyup but don't work on onblur. and if the form fields were invalid and hit submit it works and submit $('#myform').validate({ rules: { name: { required: true, minlength: 2 }, code: { required: true, minlength: 2 }, description: { require: true
events on elements after classes have changed
I have a switcher system and I want to change the classes on the clicked elements in order to determine what function runs on the next click. The first click triggers an ajax call and inserts the content into a different element. The code for this is not shown and is provided by drupal. it relies on the starting use-ajax class. this also removes the use-ajax class and adds the hide class. This means the code in the first event (bellow) which runs when .use-ajax is clicked can only run once, the remaining
validate date format MM/YYYY
help please, i have this script and i want to validate the field <input type="text" id="expirationDate" placeholder="expiration"> the problem is in month value when i put an expired month it will be validated like (02/2016) :'(( any suggestion plz and thx in advance... function validateExp(expirationDate) { if(!$("#expirationDate").val().match(/(0[1-9]|1[012])[\/]((201)[6-9]|(202)[0-9])/) || $("#expirationDate").val()==null || $("#expirationDate").val()=="") { var div =$("#expirationDate").closest("div");
Need help making popup
Hello I have made a landing page on which i want a popup which stick on it for a while. Just like tech support landing oage has popups but i am not very good at programmimg so please help me out . looking for your valuable advices Thanks&Regards
Sortable UI
Hello I have successfully been able to get the default sortable list working, this works without any issues, however it doesn’t quite fit my needs. I need a similar list, however with 3 distinct columns (rows will contain linked data)... ideally, reordering by selecting and moving any item in any of the 3 columns. Can this be achieved ??...assuming so, I am looking for advise on how the default code could be modified Thank you
Can You Toggle Scale & Bounce Using JQuery?
I'm working on my administration panel which has a side bar attached to the top bar. The side bar can be minimized and upon doing so it will animate left and then bounce. Upon doing so, there is no longer the same space available for the logo of which I would like to also bounce, scaling from the top middle of the div. HTML <div class="PannelLogo"> <a href="Panel Home Link"></a> </div> CSS .PannelLogo { position:absolute; margin:5px; height: 137px; width: 210px; z-index:9999; } .PannelLogo
page logic work only from time to time
I have two cases. First, the city is selected by clicking one of two buttons. The value goes to localstorage. The second case, a button "repeat order" was clicked. Links with data from sqlite storage have the value "city". They go to localstorage too, the debugger shows correct values. The page logic works fine, price is according to city, but the displayed page is for the entire wrong city. If I go back and click the link again - the same link - a correct page appears. The logic sits in an pagebeforeshow
Spinning text box
Hey guys, Is there a way I can make a text box that will turn around by clicking on it using jquery? I'd like to insert a link/picture on one side and text on the other Please help me make this possible :) Thanks!
Having Issue on Targetting Dynamic Content with jQuery closest()
Can you please take a look at This Demo and let me know why I am not able to target closest popover using jQuery .closest() ? <div class="container"> <button id="poper" type="button" class="btn btn-success btn-xs" data-container="body" data-toggle="popover" data-placement="top" data-content="<p>In this title I have text</p> <p class='text-center'><button class='btn btn-default btn-sm q-close'>Close</button></p>" data-html="true"> <i class="fa fa-question"></i> </button> </div> <br> <div
Dynamic page not being created
I am attempting to display the data fetched from my database (via html form and javascript) on a new page instead of the same page as the form. I am receiving the alert(JSON.stringify(formElements)); which displays the column names as well the data. However, after this alert the new page is not opening. I am using Cordova and JQuery mobile. Can anyone see the issue here? JavaScript: function fetchEvent() { db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024); db.transaction(function(tx)
Bootstrap Remote Content Form Validation
I am trying to add form validation to bootstrap modal using remote loading. Without remote loading my code works fine https://jsfiddle.net/shammock112/w0jzp6sp/1/ but when the modal is loaded remotely it breaks. I can't find any demo's or information so I am stuck. Can anyone help?
TagEditor get initalTags from db through $.ajax
Hello, I'm using Pixabay Tag Editor https://goodies.pixabay.com/jquery/tag-editor/demo.html, How do I pass the result of my $.ajax request to initialTags ? success : function(myTags) { console.log(myTags); } I need to do something like that : $(this).tagEditor({ initialTags : [myTags] Thanks
Loading new jQuery version is disabling other jQuery versions on page
Hello, I am trying to load 2 more jQuery versions into one of my pages, like so: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> However, there is already some other jQuery currently running on the page. When I load in those tags listed above, my new code works, but the jQuery that was previously running on the page does not work anymore. I have read into the noConflict()
CSS and jQuery Animation
Hey guys, I`m working on this website https://storm-braces.herokuapp.com/ and I was wondering how can I make the logo after all the animation to move in the navigation menu (animated of course). If you need more details, let me know! Thank's! I got this in JS: setTimeout(function () { $("#logo").animate({ height: "toggle" }, 1500); $(".intro-page").animate({ opacity: "toggle" }, 2000); }, 5500); and this in CSS: .leftBraket, .rightBraket, .first-text, .second-text { animation-duration: 1s; } .leftBraket,
[Fix] Remove preview a image before it upload ?
Hello all, I want to preview an image before it upload and it can remove preview (similar cancel select image). I only want to up 1 image, preview it and can remove it . I have code in that link and I don't know why it don't preview image, I can't solve because my ability of programming is not good? Please help me fix it, link http://jsfiddle.net/ittvn/h145xey9/19/ Thank you very much. P/s: I see link example http://jsfiddle.net/ERZVC/2/ to make a reference (in this link, it up and preview a lot
autocomplete textbox with multiple values separated by full stop and Elements
<script> $(function() { var availableTags = [ "Electronics", "Motors", "Cloths" ]; var Electronics = [ "Laptops", "Mobiles", "Desktop" ]; var Motors = [ "Bike", "Car" ]; var Cloths = [ "Shirt", "Pants", "Jackets" ]; function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( "#tags" ) // don't navigate away from the field on tab when selecting an item .bind( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this
Next Page