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/
Enable /disable button based on values in textarea
Hi, I have a textarea and input type button in my aspx page. The controls are added dynamically, In the F12 developer tools, I can see the controls as below: <textarea onblur="return (TextBox.OnBlur(this, event));" style="white-space: pre; position: relative; resize: none;" onpropertychange="return (TextBox.OnPropertyChange(this, event));" id="ctl00_PlaceHolderMain_XmlFormControl_V1_I1_T5" class="s_5jghZOsnCxGdM8MP_0 u_5jghZOsnCxGdM8MP_0 a5_5jghZOsnCxGdM8MP_0 a4_5jghZOsnCxGdM8MP_0" onfocus="return
Store Pages in Variable; Stumped on .load or .get
Hi, I have about a dozen pages I'm trying to load into a div on click. I'm thoroughly stumped. I accomplished this quite easily using ActionScript 3, but do not understand .load or .get. To clarify, I have one main page that contains content in a div. When the user clicks the next button, the content inside the div is replaced with new content from another web page. I'm thinking this will require storing an array position in a variable. Any advice or suggestions is GREATLY appreciated. Thank you!
Slider missing after long poll update
Hi, after setting a value in the slider, the DIV-container, where the slider is in, gets a long poll update. This is the code before sliding: <div id="slider1" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"> <div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%;"></div> <span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span> </div> and this after sliding: <div id="slider2"></div>
custom event not seeming to be handled by on()
Hi all, I am trying to throw a custom event and have it handled using .on(). Here is the gist of what I have: jQuery( document).ready( function(){ jQuery( 'a' ).click( function( ev ){ ev.preventDefault(): ... console.log( 'triggering controllerChange event ...' ); jQuery( document ).trigger( 'controllerChange' ); }); jQuery( documunt ).on( 'controllerChange', function( ev ){ console.log( 'controllerChange being handled.'); ... }); }); When clicking a link on the page, I get the 'triggering controllerChange
How To: Execute code created by concantenating two strings
Hi, I'm trying to reuse the AJAX Success Function for another page. This function is in a .js file. The returned data is an array in one situation and a plain object in another. I have tried the below code to differentiate the two. It does not work. Would appreciate help in trying to make this work. R. if($.isArray(pData)) { x="pData[i]"; } else { x="pData"; } alert(x+"['Display_Name']"); // doesn't work
Issue on Exporting HTML Table To Ms Excel in Mac Computer
I am trying to export an HTML Table to Ms Excel Using This Demo but it is exporting a file called "download" (without excel file extensions)and when I double click on that it opens like a text file. Can you please let me know why this is happening? $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + $('#dvData').html()); e.preventDefault(); }); Thanks
Help! Where to include JQuery file?
Hi all, I have used jquery inside my javascript function, which is located in a javascript file. I call the javascript function from a html file. I include the html file in index.php. When I place <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> at the beginning of the html file, everything works as expected. But when I place, <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jscript.js"></script> in the <head>
How to suppress chrome help on F1
Hello, Im trying to fire a function during an F1 function key. But Im getting the help screen instead. $("body").on("keydown", function(e) { e.preventDefault(); var keyCode = (window.event) ? e.which : e.keyCode; switch(keyCode) { case "112": clickMove('RFE');
How to set the divs indexes dynamically on page load?
Hello Everyone, Checkout this fiddle once & help me. http://jsfiddle.net/mdw9gpq6/2/ Here how can i set the index positions for each div on page load. Actually I am saving index positions in database. on page load i am going to assign index positions to them. and whenever particular div is sorted, again i am going to save their indexes into database. how can i achieve this. help me. i would be thankful. Thanks in Advance. Satish Chandragiri
put auotcompete in function as to reuse it
Hi I have Autocomplete as below. I need to wrap them into a function and pass two parameters for "#txtValue" and "#lblName" so that I can reuse it as many as I can as I have one page which need to call ten times the differences are only the imput ("#txtValue") and the label ("#lblName") thanks you very much in advance $( "#txtValue" ).autocomplete({ minLength: 4, autoFocus: true , source: function (request,response) { $.ajax({ url: ' @Url.Action( "Autocomplete" , "File" ) ' , dataType:
Slider & CSS update issue
Hi! I have found a issue that seems to be present in all examples I looked at. When you call a CSS manipulating function, it is not updated by the slider when you move it the first time. The resulting CSS modification is always one step "behind". In this example you can't set the maximum size of the box by sliding to the maximum. You have to slide to the maximum and back to any other state to get it. http://jsfiddle.net/PD8wk/12/ Any idea how to solve this? It's really confusing. Thanks! Spiff
proyeccion de imagenes
hola, estube preguntando en un foro de javascript y me dijeron que lo que queria, es mejor con jquery..... lo que deseo es hacer algo parecido a un efecto acordeon de imagenes, automatico. iamginemos cuatro imagenes, estas iran apareciendo una a una de izquierda a derecha, solo deseo que se vea la imagen, y no como en muchos otros efectos que tanto a la izquiera como a la derecha, estan el resto de imagenes para seleccionar (me explique?) debajo de las imagenes, se iran sombreando unas casilla con
sortable and data() problem
hello need to become the teamid / userid and id from the <ul>. works only when i moved from <ul id=2 back to 1. HTML <ul id="1" class="connected"> <li id="send" data-teamid="1" data-userid="1">Name A</li> <li id="send" data-teamid="1" data-userid="2">Name B</li></ul> <ul id="2" class="connected"> <li id="send" data-teamid="1" data-userid="2">Name C</li> <li id="send" data-teamid="1" data-userid="3">Name D</li> </ul> CODE <script> $(function() { $('.connected').sortable({ stop: function(event, ui)
After some assistance (just starting out)..
Hi guys, I am rather new to jQuery and I am basically after any resources that are available to help me along my way to learning how to use jQuery, in particular jQuery Mobile. I already have a pretty basic understanding of how to make my way around using Dreamweaver but just want to get an understanding of the jQuery libraries. Cheers, Tutty
The dummy series was written for me. Please explain how do I add intellisense to Sublime Text 3
In a step by step manner that a 7 year old can follow. Thank you for your kind patience with dummies like me.
Please help! Validation plugin: addMethod with error message from server doesn't work well
Hi, I want to create a custom validation method which will call server and server will return an error message. I use WCF web service but I guess the issue will happen with any kind of web service. Here is the code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.js"></script> </head> <body>
how to include field time jquery ui
Greetings friends, I've realized that there is jquery ui date field , I mejos known as datepicker . Now I wonder if there is something similar for the hour, that is, if for example I type 45 hours in the field and show me so : 45:00:00 click or 500 hours showing me so : 500: 00 : 00 something like the date picker as it was happening I better make a combobox with the hours deceo but first I would like to know if there is something.
Adding an alert on .one() on multiple clicks
.one() stops multiple clicks which is fine, how can i add an alert when one hits it next time? $( "#save_btn" ).one( "click", function() { })
lost in form problem
Good morning, one client wants me to do a form, name, email, telephone, but the trick is, that he wants me to add a button that when clicked there is going to show up another name, email, telephone section for a second user registering to his forum. how can I do that? any ideas please, it will be greatly appreciated, Thank you, Houston Web Design
jtable export to Excel
Hi all, I'm quite new to jQuery and jTable, but I have programmed a jTable page for my intranet and it works really great. Now it comes, that the request for an Excel-export arises and I searched the web how do manage it. I've found this little code fragment: $("#btnExport").click(function(e) { window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#dvData').html())); e.preventDefault(); }); I understand, that "#dvData" should be the Table, but it didn't work for me. I've tried "#jtable"..."undefined"
How to retain Textbox's State after Postback in asp.net
I'm working on a form which is having a gridview & save button.Gridview has a checkbox & a textbox.If i clicked on checkbox and if it is checked,the textbox in that row becomes disable and if it is unchecked,the textbox in that row becomes enable.For this purpose i'm using following JQuery code & it is working properly. $(document).ready(function () { try { $("input[type=checkbox][id*=chkChild]").click(function () { if (this.checked) { $(this).closest("tr").find("input[type=text][id*=txtRemark]").attr("disabled",
Affecting dropdown menu with button click
Hi, I have the following code which causes the buttonclick "next" to affect the dropdown menu "page_num" and effectively loops to the next option in the dropdown on each button click. I can get it to work using the jquery ui $("#next").button(); however getting the jquery ui dropdown menu to work is proving more difficult. Can anyone offer some assistance in how to integrate the ("#page_num").selectmenu(); into this script please? I've tried various different arrangements and have had no luck so
jQuery is included more than once
Hi frnds... I have using my webpage with bootstrap modal pop up in that pop i have to load my another page on modal pop by using jquery.load() while getting screen in model pop once again jquery are initialized how i can protect my page of loading jquery only once in my page... Pls frnds tell me any suggestion i m new to jquery.......
Next Page