Mysqli error with autosearch
Hello. I have an autosearch using photos which has been great for a couple of years until recently it. It still works but displays an error message (see searcherror.gif). Can anyone please spot the problem? Jamie. script.js google.load("jquery", "1.3.1"); google.setOnLoadCallback(function() { // Safely inject CSS3 and give the search results a shadow var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard '-webkit-box-shadow' : '#888 5px 10px 10px', // Safari '-moz-box-shadow'
Crossfading effect in image slider (instead of standard fadeOut and fadeIn)
Hi everybody! I can't figure out how to change the effect of fading images, from standard (fadeOut then fadeIn) to crossfading (changing images at the same time). In present slider one image is fading out and only after that second image is fading in, without crossfading. I've tried to use position absolute to images but without any success, slider goes crazy.. I've created JSFiddle to show present image slider: LINK Any help or clue...?
Translation + CreatedRow does not work
Hello I am a newbie and I do not understand why only one function or parameter is working but not together. Working: $(document).ready(function() { $('#patients').dataTable( { "createdRow": function ( row, data, index ) { if ( data[2] == "Désactivé(e)" ) { $(row).addClass('highlight'); } } } ); } ); Working: $(document).ready(function() { $('#patients').dataTable( { language: { processing: "Traitement
Looking for a responsive "vertical slider"
Is there anything like this vertical slider (demo) available for jQuery, but which in addition is responsive? Here's a screenshot:
issues with iOS 8?
I'm getting complaints that my JQuery-based site doesn't work at all with the new iOS 8. I'm using version 1.11.1 as it was recommended as the version that still supported IE6. Also, if someone could give me a pointer to a summary of what all I'm missing by not using the latest version, that would be excellent. Thanks, Dennis
Clicking a draggable object makes it to jump away from the cursor?
I'm very new to this and know literally nothing about code I'm just watching tutorial and trying to get this done for class. Anyway...I'm using the draggable droppable code and I only entered draggable in right now but when I click on the object, it'll drag but it first jumps like 2 inches away from the cursor. Why's it doing that and how can I fix it? Thank You!
Noconflict problem with fullpage.js
Hi, I'm working on a wordpress based website and I've just integrate a javascript that canceled all my jQuery scripts effects. So I used the jquery no conflict mode as you can see below. Most of my jquery effects are working again except the two that are linked with an external sheet (tablesorter & fullpage). Do you guys have any idea of what should I do? Thank you in advance! David PS: console retuns: HEADED.PHP <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
Help with jQuery issues
Hello, I have taken over development of a website from a previous developer. There appears to be a ton of jQuery,Javascript and CSS code running on the site. However it appears to cause issues when viewing the site on a tablet (iPad) or Android device. One of the issues is the Menu button (top right) does not seem to function on these devices. When I view the code in Google Web Developer the console does not appear to show any errors. PLEASE HELP! What is broken and is there a fix? The site is: http://garland.pnpd.co.uk/
removing of duplicated values
I want to loop the values inside of php array and check to my html if its duplicated or not. when values is greater than to one, I want the other duplicate values to be removed. <script type="text/javascript"> var jQueryArray = <?php echo json_encode($arrayForDeposit); ?> for ( var i = 0; i < jQueryArray.length; i = i + 1 ) { var item = jQueryArray[ i ] var $div = $('td .forDeposit:contains(item)'); // console.log($div) if ($div.length > 1) { $div.not(':last').remove() } } </script>
Push Notification doesn`t appear in the client side in my rails App (Pusher API)
Hello everyone, i use Pusher Notification in my App , i integrated pusher API correctly in my rails App and in Pusher.com appear the the server sent a Notification but it doesn`t appear in the client side i included all files that the project need (jquery,PusherNotifier.js, etc ) <script> var NOTIFY_ENDPOINT = '/assets/notify.html'; $(function() { $.ajax({ url: NOTIFY_ENDPOINT, data: {"message": "I'm a notification!"} }); var pusher = new Pusher('af30f81da233dd0925b2',
Sortable: Adding and deleting items from a sortable ordered list causes problems in numbering the items
I have sortable ordered list with a few items. Each item in that list can be deleted and/or moved and I can dynamically add more new items. All works fine as long as I do not add a new item and delete one of the existing one. Example: I run the code and get a list 1. ABC 2. CDE 3. EFG 4. GHI 5. IJK I delete "3.", so item "4." moves up and is now "3." on that list, while "5." ist now no "4." So far so good. If I add a new item it will be added at the end of the list as no "6.", "7." and so on. But
AJAX problem on Mozilla Firefox 31x and 32x, Sychronous XMLHttpRequest is deprecated.
I have an adding form that allows to upload also a file, here's my code: $("#frm_add").on("submit",function(e) { var formObj = $(this); var formURL = formObj.attr("action"); var formData = new FormData(this); var addnew = $.ajax({ url: formURL, type: 'POST', data: formData, mimeType:"multipart/form-data", contentType: false, cache: false, processData:false })
HELLO,
How to test in javascript?
Problem with :not() - anywhere but a special class
Hi, I have problems with a click event. I want to hide the text field when I click anywhere but on the class "glyphicon-remove-circle". http://jsfiddle.net/pw51zob1/ What am I doing wrong?
Delete dynamically created tab and panel?
Hi folks, I have exhaustively searched this topic, and none of the proposed solutions seems to work. I'm dynamically creating ui ajax tabs, and I want users to be able to delete them. It's easy to create a function that deletes the currently selected tab, because it has a class of ".ui-tabs-active" by default. But the currently selected tab panel doesn't get a class to target. So how do I do this? Here's my code: $(function() { var $tabs = $('#nav-tabs').tabs(); $('.add-tab').click(function(e)
Drag from parent and drop into Iframe child
I want to drag elemets from the parent and then drop it into the iframe child using jquery-ui's draggable and droppable extensions. I used the following codes in parent for implementing that. $('.some-elements').draggable({ revert:true, iframeFix: true, drag:function(event){ //code }, }); $container = $('iframe#id').contents(); $container.find(".drop" ).droppable({ iframeFix: true, greedy: true, over:function( event, ui ){ //code },
EU cookie law and jquery.com setting Google Analytics cookies
I'm trying to develop various webpages using jQuery and jQuery Mobile and have been using http://code.jquery.com as the source of the jQuery and jQuery Mobile scripts and the jQuery CSS. I have noticed that Google Analytics cookies are being set, which belong to the domain .jquery.com. I don't think it would be in my power either to block these or delete them and, even if it was, presumably, such action would not be welcomed by the jQuery Foundation. I'm trying to be strictly compliant with relevant
jquery UI Sortable with inside table and tr width
I am facing one issue with Jquery Sortable. I n my current implementation I have table inside div which is sortable when I am dragging div it is breaking table layout. Any solutions?
TypeError: invalid 'in' operand profile in Worklight 6.1
Hello Experts, I am using Worklight 6.1 for mobile application developement. In login page i am getting the error TypeError: invalid 'in' operand profile. Is it related to any Jquery library. Please inform. Regards, Saroj
[JQuery Mobile, PhoneGap]: Getting undefined response in my ajax call from the java web service
This is my Ajax Call: var url="http://192.168.1.6:8080/RESTfulProject/REST/VmsAccess/GetUsers/admin/jsonp"; $.ajax({ url: url, type: "GET", crossDomain: true, contentType: "application/json; charset=utf-8", dataType: "jsonp", jsonpCallback: 'successCallback', success: function(res, status) { console.log("Ajax Call Success............"); //var parsed_data = JSON.parse(res);
How to implement if else statement in a jquery click event function?
I had searched a code in jquery that will access a div element inside the td element of the table that when a button is click. Below is my code to open the div element which is inside the td element of the table when the input button is clicked and it got working. However, I need to implement the if else statement inside that jquery code so that I can close back the div element when the button is click again. So, how can I implement this if else statement using these code below? jQuery: $(function
table sorter pager with widget group
hi, I have table with row collapse and expand using widget-grouping and table sorter but I am not able to put paging , I tried to use table sorter pager but this work for whole rows not grouping rows. please help me Rahul
How serialize data from a table, not a form, no input fields
Hi, I am listing a data from a database in a table, at the end of each row I have a delete button, I want when I click on that button collect all data of the row so I can send it through ajax : My list page looks like this : <logic:iterate id="ametadataEntry" name="ametadataList"> <tr id='<bean:write name="ametadataEntry" property="agentId" />'> <td class="center"><bean:write name="ametadataEntry" property="agentName" /></td> <td class="center"><bean:write
jquery open fancybox with imagebutton control
trying to use an imagebutton control to display fancybox (open a page) with parameter once clicked seems it did not work with the following : function RegisterFancyLinks() {
$('iframe').fancybox({
overlayShow: true,
overlayColor: '#B2B2B2'
});
$(function () {
var ajaxMng = Sys.WebForms.PageRequestManager.getInstance();
ajaxMng.add_endRequest(RegisterFancyLinks);
RegisterFancyLinks();
});
Google Chrome Network Ajax HTTP Response Always “Pending”
Hello guys, I've been bangin my head for a week trying to figure out this problem via Jquery/Ajax request ..Im currently developing in google chrome and im using the network panel for debugging.. For some odd reason the http text status frequently hangs and says "Pending"..It hangs for about 10-15 mins then a status of 200 then occurs.. This problem does not happen is IE or FF... Im not sure what I could be doing wrong.. I disabled all of my extensions, I've added a unique Timestamp to the end of
On mouse out add class, remove class
Hi Jake; On mouse over I want to add btn-primary and remove btn-default. It works fine but on mouse out I want to remove class btn-primary and add class btn-default. The second part doesn't work! I wonder what I am doing wrong. Thanks $( ".btn-default" ).mouseover(function() { $(this).addClass("btn-primary"); $(this).removeClass("btn-default hovered"); }); $( ".btn-primary" ).mouseout(function() { alert('out'); $(this).removeClass("btn-primary");
Select only one element using the css class
Example HTML structure: <div class="status-header"> <div class="status-avatar"> @include('layouts.partials.avatar', ['user' => $status->user]) </div> <div class="status-data"> <strong class="status-username"> {{ link_to_route('profile_path', $status->user->username, $status->user->username) }} </strong> <div class="status-time"> {{ $status->present()->timeSincePublished() }} </div>
Nested Accordion
Hi, I want create a accordion with multiple level. With one level, it work ! With two level, i can see the first sub title but not the second sub title You can see my exemple here I know that the error is that the second sub-menu is not directly after title. But How can i do for see a second sub menu which is not after title ? Thanks a lot
how to hide again the li.fields by clicking again in li.title? with animation slideDown and slideUp
<script> $(document).ready(function(){ $('li.fields').addClass('hide'); // hide a text $('ul').on('click', 'li.title', function() { // when click in the title do a animation slide. $(this).next().slideDown(100).siblings('li.fields').slideUp(100); }); }); </script> with this code i can move the tilte and hide the li.fields. my problem for now is make some rule when click again in the same title wil close with the slide up animation and hide the li.fields sorry my bad english
Prevent element from being dragged on touch devices
I have had a go at coding my own push menu using css and jquery. The issue is that on touch devices you can 'drag' .wrapper left and it overlaps the nav element when it is open - it looks terrible! How would i prevent this from happening? I don't want the .wrapper to be position:fixed. Here is my fiddle: http://jsfiddle.net/danieljoseph/cL0ej1v3/1/
How to detect click event in iframe element using JQuery?
Hi For a requirement, I have a iframe in my html page like this <iframe src="www.abc.com" id="firstembed" name="iframebox"></iframe> So, the given URL (www.abc.com) will get loaded in the iframe. Now, my requirement is, if user click on the area of iframe, I need to display the alert message. onclick attribute is not working. Please advice me how we can detect the click event on iframe element using JQuery. Thanks
Acordion and dynamic content
How can i use acordion (http://jqueryui.com/accordion/#collapsible) for dynamic content. cheers noople
Internationalization support for Jquery UIs
Hi, I am using Jquery for UIs in my application. We are now adding internationalization support in the application. When we are sending portuguese characters in the AJAX response, Browser is not able to show these characters. Below are the things which we have tried: 1) Updated value of dataType inside ajax function like html, text, xml etc. 2) Content type updation inside ajax function :-- Used Utf-8, ISO-8859-1 etc 3) Different encoding options inside ajax function :-- Tried
Reducing div height while scrolling down
I have a 100% height div (intro section of a one-page website) which height I want to reduce while scrolling down the page. I want to achieve that in a way that the top of the div is exactly at the top of the window while scrolling and after the div's height gets to == 0 I want to hide that div. I've tried a lot of different approaches to achieve that these several days but to no avail. Some help would be very much appreciated!
Issue on Getting Table Values From Checkbox in Rows
Can you please take a look at this demo and let me know how I can store(push) values of checked rows in Js Array or Object? var obj=[ { id : "001", name : "apple", category : "fruit", color : "red" }, { id : "002", name : "melon", category : "fruit", color : "green" }, { id : "003", name : "banana", category : "fruit",
no conflict between two jquery versions and the jquery ui
I have a problem to use 2 different version of jqueries. At the tabed page i use : <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/javascript"> var s = $.noConflict(); </script> So in the sript i use like: s(document).ready()}; On the tabs page i use <script src="//code.jquery.com/jquery-1.10.2.js"></script> The problem is i also include the UI library whic use $ insted of s So i get error TypeError: $.ui is undefined and TypeError: s(...).slider
How to maintain sortable divs indexes persistancy on browser refreshing?
Hello Everyone, I am facing problem with divs indexes persistancy on sorting when browser refreshing. checkout this fiddle once and help me. http://jsfiddle.net/mdw9gpq6/2/ Here how can i maintain the divs persistancy on sorting when page refreshing. Thanks in Advance Satish Chandragiri
Issue On Exporting JSON Array to Table
Can you please take a look at This Demo and let me know how I can export new entries from fullData into the #records_table table var fullData = { "users": [] }; $(document).ready(function () { $("#addtoJSON").click(function () { var user = $("#user").val(); var age = parseInt($("#age").val()); var grade = $("#grade").val(); var mark = parseInt($("#mark").val()); var data = { name: user, age: age, grade: grade,
Open menu + Close menu
Hi everyone! I have a menu and i need it to open and close on a click + the on a left side of menu (plus and minus) must change as well. We can make a close/open menu with a method toggle(), but have can i make to change a picture with every click? Here's my code(i was trying to make it with "var i" but it was useless): $(document).ready(function(){ var i = 0; $(".go").click(function(){ if(i == 1) { $(this).next().children().children().children().children().hide(); $(this).css('background-image','url(<?php
can't give <br> in title using tooltipster plugin
Hi , I am using tooltipster as jquery plugin . I am not able to insert <br> in title . Is there any method so that i can use <br> in title . Demo of this plugin http://jsfiddle.net/varun30/yt0huov2/
Next Page