Search Results

Search found 13948 results on 558 pages for 'document centric'.

Page 412/558 | < Previous Page | 408 409 410 411 412 413 414 415 416 417 418 419  | Next Page >

• is it good to write multiple time(separate) <script type="text/javascript"> on one php page?

  - by I Like PHP

  i m using many tiny java script code at one php page, i always write java script code in below style <script type="text/javascript"> // <![CDATA[ ----code 1--------- // ]]> </script> <script type="text/javascript"> // <![CDATA[ ----code 2----- // ]]> </script> <script type="text/javascript"> // <![CDATA[ $(document).ready.(function(){ }); // ]]> </script> i want to know that is it good practice to write separate <script type="text/javascript"></script> on same page or we have to write all java script code under one time declaration

  Read the article

• Execute the function automatically in 30 seconds, if the button is not pressed

  - by You Kuper

  I want to add the following functionality to my web page: if a user has not pressed the 'Accept' button during 30 seconds, then $('#popupBoxAccept').click( function() {..} is executed automatically. $(document).ready(function() { loadPopupBox(); }); function loadPopupBox() { // to load the Popupbox $('#popup_box').fadeIn("slow"); } $('#popupBoxAccept').click( function() { //... }); $('#popupBoxDecline').click( function() { //... }); <div id="popup_box"> <a id="popupBoxAccept">Accept</a> <a id="popupBoxDecline">Decline</a> </div>

  Read the article

• Does specifying image size in CSS allow the browser to do layout before download is complete?

  - by eaolson

  I've always tried to specify the height and width attributes for img tags in HTML. Not for style reasons, but because the browser then expects the size of the image and can do page layout even before the image has finished downloading. From the HTML spec: The height and width attributes give user agents an idea of the size of an image or object so that they may reserve space for it and continue rendering the document while waiting for the image data. I don't know why this has never occurred to me, but does specifying height and width in CSS, rather than inside the img tag, do the same thing?

  Read the article

• Why is it not displaying

  - by Doug

  My fieldset doesn't display onclick, what am I doing wrong? $(document).ready(function(){ $('#More').toggle( function() { $('#search', this).slideDown(); }, function() { $('#search', this).slideUp(); }); }); <div> Item 1 <a href="#" id="More">Item 2</a> Item 3 <fieldset id="search" style="display: none;"> <form> <input type="text"> </form> </fieldset> </div>

  Read the article

• Jquery incrementing number +1 0n page refresh.

  - by sameast

  Hi guys i am trying to modify this code here. $(document).ready(function() { var randomImages = ['img-1','img-2','img-3','img-4']; var rndNum = Math.floor(Math.random() * randomImages.length); $("div#bg-image").css({ background: "url(http://example.com/images/" + randomImages[rndNum] + ".jpg) no-repeat" }); }); This works fine and gives me a random image each time which is great but what i need is for the image to increment +1 each time on page refresh. This is because sometimes i can refresh 3 times and will still get the same image show when using Math.random(). I need to cancel the random and set +1 each time. Any help

  Read the article

• Jquery adding events

  - by JBone

  I want to add an event handler to some dynamically added elements. I simplified my problem into the basic code below. I am using the new JQuery 1.7 on feature to say "hey for all labels in the CancelSurvey id element call this notify function when they are clicked." function notify(event) { console.log(event.data.name); } $('#CancelSurvey').on('click', 'label', { name: $(this).attr("id") }, notify); I want to pass the id of the label as parameter "name". When I try to alert this it is undefined (they are defined in the html created). I believe that using the $(this) is not referencing the label selector in this case. It actually seems to be referencing the document itself. Any ideas on how to accomplish this?

  Read the article

• Algorithm of JavaScript "sort()" Function

  - by Knowledge Craving

  Recently when I was working with JavaScript "sort()" function, I found in one of the tutorials that this function does not sort the numbers properly. Instead to sort numbers, a function must be added that compares numbers, like the following code:- <script type="text/javascript"> function sortNumber(a,b) { return a - b; } var n = ["10", "5", "40", "25", "100", "1"]; document.write(n.sort(sortNumber)); </script> The output then comes as:- 1,5,10,25,40,100 Now what I didn't understand is that why is this occurring & can anybody please tell in details as to what type of algorithm is being used in this "sort()" function? This is because for any other language, I didn't find this problem where the function didn't sort the numbers correctly. Any help is greatly appreciated.

  Read the article

• Parent element selection problem?

  - by Starx

  My HTML is something like this <div id="mydiv" class="common"> <input type="text" id="text1" value="" /> <input type="text" id="text2" value="" /> </div> I am assigning a function on the onclick event of the textbox like this $(document).ready(function() { $(".common input").click(function() { //////// What I am trying to do is access the id of its parent // in this case it is "mydiv" alert($(this:parent).attr('id')); }); But it is not working

  Read the article

• How do i loop an ajax request (using jquery) and jsp

  - by Mrshll187

  <script> //when page is ready do the following $(document).ready(function() { //set interval of refresh setInterval(doAjaxMethod, 1000); }); function doAjaxMethod(id) { $.ajax({ url: "getStatus/"+id, dataType: "json", success: function(json) { $('#ajaxStatus').html(json.status); } }); </script> <% //How can I do something like this int n = object.size(); for(int i=0; i<n; i++) { doAjaxMethod(object.getId()); } %> <div id=ajaxStatus> status updates here </div>

  Read the article

• Having trouble with Flash, Javascript and JQuery

  - by andypants

  I'm using JQuery with the JQuery flash plugin (http://jquery.lukelutman.com/plugins/flash/) and trying to send a JS call back to the flash, I keep running into "xxx is not a function" so apparently something is off. I'm new to JQuery and very new to this jquery flash plugin and just can't quite wrap my head around what I am doing wrong. Here's where I'm lading up the flash: <div id="tagimgback"> <script language="javascript"> $(document).ready(function(){ $('#tagflash').flash( { src: 'tagflash', width: 200, height: 200, flashvars: {theYear:'2010',theTagNumber:'123'} }, { version: 8 } ); }); </script> </div> And here's where I'm trying to call it: $("#tagflash").gotoNewFrame(theTagNumber); gotoNewFrame is an AS function within my flash. I know the function works as I've been able to test it prior to bringing jQuery into the mix.

  Read the article

• jquery add remove objects

  - by Scarface

  Hey guys quick question, I have an add remove script that will add a unique element and should remove it on a click function but does not. I think it is because the added object is not in the DOM when page is loaded but I am not sure how to fix this. IF anyone has any advice I would greatly appreciate it. $(document).ready(function(){ if (action=='content-change'){ $('#droppable2-inner').empty().append('<div id="content-image"><img id="visual-background2" src=' + src + '></div><div id="drop-content" action="drop-image">x</div>'); } $("#drop-content").click(function() { $('#content-image').remove(); }); })

  Read the article

• Toggleing between image

  - by Binaryrespawn

  Hi all, I have two images with which I am using in an anchor tag. I am using jquery toggle on the click event of the anchor tag to swap between images. $(document).ready(function(){ $('#registrationForm').hide(); $('#callform').append("<a id='formlink'>IMAGE 1</a>"); $("#formlink").click(function(){ $('#registrationForm').toggle(function(){ $('#formlink').empty().append(IMAGE 2); }); }); }); This works fine the first time around, however i want to toggle between the two images whenever the other is clicked. Any ideas ?

  Read the article

• jquery elements by class

  - by tom

  Hi there im trying to get all dropdown lists by class and change their names, my code is not working, is there something i am missing? $(document).ready(function () { $('.mutuallyexclusive').live("click", function () { checkedState = $(this).attr('checked'); $('.mutuallyexclusive:checked').each(function () { $(this).attr('checked', false); $(this).attr('name', 'chk'); }); $(this).attr('checked', checkedState); if (checkedState) { var prev = $(this).prev('select').attr("name", 'cat.parent_id'); elements = $('select.selected'); elements.each(function () { $(this).attr("name", "bbb"); }); } else { var prev = $(this).prev('select').attr("name", 'dd'); } }); });

  Read the article

• JQuery - Find the first identical class after a specific class.

  - by WEBProject

  Hi guys, lets say I have this divs: <div class="item current"><strong>Example 1</strong></div> <div class="item"><strong>Example 2</strong></div> Im have this code: var News = { init : function(){ $('#news-content') .find('.item:first-child') .addClass('current') .show('slide',{direction:"up"},500); $('#news-content') .find('.item:first-child') .addClass('current') .delay(1000) .hide('slide',{direction:"down"},500); this.show() }, show : function() { // ... } } $(document).ready(News.init) After the init - I want to catch the next "item" after "current" class and make the same operation as "init" on it. how can I do it with jquery?

  Read the article

• jquery element's place when toggeling

  - by Noam Zadok

  i'm building a page, which will have categories that will contain a list of pages to go with them. at first all the list are hidden, and than I click on a category and the list slides down. this is the code of the script: $(document).ready(function() { $('.menu-list').hide(); $('.menu-title').click(function() { if ($(this).next().is(':not(:visible)')) { $('.menu-list:visible').slideUp(); $(this).next().slideDown(); } }); The script works, but the problem is when I'm clicking on a category in a column that has more categories than the other. than the last category is moving to the left and I don't want it to. Here is the code in jsfiddle: http://jsfiddle.net/U7rKX/4/ Can you help me?

  Read the article

• CouchDB: How to change view function via javascript?

  - by osti

  Hello Guys, I am playing around with CouchDB to test if it is "possible" [1] to store scientific data (simulated and experimental raw data + metadata). A big pro is the schema-less approach of CouchDB: we have to be very flexible with the metadata, as the set of parameters changes very often. Up to now I have some code to feed raw data, plots (both as attachments), and hierarchical metadata (as JSON) into CouchDB documents, and have written some prototype Javascript for filtering and showing. But the filtering is done on the client side (a.k.a. browser): The map function simply returns everything. How could I change the (or push a second) map function of a specific _design-document with simple browser-JS? I do not think that a temporary view would yield any performance gain... Thanks for your time and answers. [1]: of course it is possible, but is it also useful? feasible? reasonable?

  Read the article

• Simple bind not working in IE for Radiobutton in jQuery

  - by Jonathan

  Hi this works fine in Firefox, but not IE. What am I doing wrong? Thanks for the help in advance! $(document).ready(function(){ $("#radiodiv").buttonset(); $('#radio1').bind("click", function() { alert('Hello'); }); } <form> <div id="radiodiv"> <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">WaveHeight</label> <input type="radio" id="radio2" name="radio" /><label for="radio2">Current</label> <input type="radio" id="radio3" name="radio" /><label for="radio3">WaveHeightDir</label> </div> </form>

  Read the article

• Navigating sharepoint with a treeview

  - by linqmonkey

  I'm trying to replace the navigation on our sharepoint site with a treeview. It's a large site with up to 4 subsite leves in places. All I need it to do is show a consistent structure from page to page show only sites and pages The default sharepoint treeview seems to do neither of these things (doesn't display items from the parent site, includes document libraries but not pages). Does anyone have any idea how to achieve this? We're using the publishing site template throughout if that makes a difference. I've tried binding the tree to the datasource the quick launch uses but I guess from the error message they expect differently named properties.

  Read the article

• What does "Only catch exceptions you can handle" really mean?

  - by KyleLib

  I'm tasked with writing an Exception Handling Strategy and Guidelines document for a .NET/C# project I'm working on. I'm having a tough go at it. There's plenty of information available for how/when to throw, catch, wrap exceptions, but I'm looking for describing what sorts of things should go on inside the catch block short of wrapping and throwing the exception. try { DoSomethingNotNice(); } catch (ExceptionICanHandle ex) { //Looking for examples of what people are doing in catch blocks //other than throw or wrapping the exception, and throwing. } Thanks in advance

  Read the article

• jQuery accordion expanded

  - by hajder

  I am trying to create an accordion with jQuery from this example http://docs.jquery.com/UI/Accordion The markup is the same, i.e. <div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second content</div> </div> And I have script file enqueued correctly, which has the following content: $ = jQuery; $(document).ready(function() { $("#accordion").accordion(); }); But I get this error in the console output TypeError: 'undefined' is not a function (evaluating '$("#accordion").accordion()') The result being all divs are expanded, i.e not clickable.

  Read the article

• Capturing clicks even when stopPropagation has been called (ie by 3rd party code)?

  - by josh

  I want to detect any click that happens on a page (to close a custom context menu). I'm using jQuery and trying to do $(document).click(function(){ ...close my context menu ... }); However, I'm using some code that calls evt.stopPropagation() in the click handlers for certain elements on the page, and those clicks aren't making it up to my top-level handler. Is there any way of capturing those clicks? Can be jQuery or not jQuery, as long as it works cross-browser.

  Read the article

• jQuery filter selector, is this right?

  - by fire

  It seems to work ok but I don't know if this can be impoved on or not. I want to select any HTML tag that has a class of edit-text-NUM or edit-html-NUM and change the color of it. Here is what I am using... jQuery(document).ready(function(){ jQuery('*') .filter(function() { return this.className.match(/edit-(text|html)-\d/); }) .css({ 'color': '#ff0000' }); }); Does that look ok and is the regex ok? *edit: Also is this efficient? I am aware that using jQuery('*') might be a bit of a hog if it's a large page. It only has to work from <body> down so maybe it could be changed?

  Read the article

• JavaScript OOP problem

  - by Danmark

  I create windows like this: var obj = document.createElement('div'); obj.className = 'window'; obj.style.width = 300 + 'px'; obj.style.height = 200 + 'px'; obj.style.left = 30 + 'px'; obj.style.top = 200 + 'px'; //and so on and what I need is to attach some data to each window. The data will be grabbed via Ajax and displayed in the windows. How should I do it so that each window hold its own unique data? I don't need to display the whole data every time and this data would need be organized before being displayed, so I can't just add it with innerHTML. I need a way to hold it somewhere else where I could easily get it and then display it with innerHTML.

  Read the article

• Having an issue wit mouseup event

  - by user3680715

  Hello everyone I have this code working fine but I want the script to stop on the mouse up event. Here is an example of what I have now. How can I stop the script on mouse up event so that it looks like it only shows the coordinates when dragging over the image. Thank you! http://jsfiddle.net/Hc7x4/20/ $(document).ready(function () { $("#map-catcher").mousedown(function (e) { $("#map-catcher").mousemove(function (e) { $("#coord").text("x:"+e.offsetX+", y:"+e.offsetY); return; }); $("#map-catcher").mouseup(function (e) { return; }); }); });

  Read the article

• jQuery: set the width of a textarea?

  - by AP257

  What it says on the tin: how do I set the width of a textarea in jQuery? I want to set the width of a textarea to match the width of a particular image. Using .width() works for setting the width of an image, but not of a textarea. $(document).ready(function() { var width = $("#my_image").width(); $("#another_image").width(width); // works $("#my_textarea").width(width); // fails }); How do I set the width of a textarea?

  Read the article

< Previous Page | 408 409 410 411 412 413 414 415 416 417 418 419  | Next Page >