Search Results

Search found 25118 results on 1005 pages for 'jquery ui tabs'.

Page 592/1005 | < Previous Page | 588 589 590 591 592 593 594 595 596 597 598 599  | Next Page >

  • Problem with table resizing after automatically removing from jquery one column (this only happens i

    - by user297433
    Hi. I have a table with some columns. Something like this: tr1td1 one remove button tr1td2 one remove button ... The table has the size of the div#outer When I click remove button I remove with jquery the entire column . In Firefox everything's fine the table's columns resize to fill the div but in Internet Explorer the table's columns remain just as they are. It's like the browser doesn't refresh the css style. Because if I refresh the page the table looks just as it shoud be. Any ideas?

    Read the article

  • javascript object's - private methods: which way is better.

    - by Praveen Prasad
    (function () { function User() { //some properties } //private fn 1 User.prototype._aPrivateFn = function () { //private function defined just like a public function, //for convetion underscore character is added } //private function type 2 //a closure function _anotherPrivateFunction() { // do something } //public function User.prototype.APublicFunction = function () { //call private fn1 this._aPrivateFn(); //call private fn2 _anotherPrivateFunction(); } window.UserX = User; })(); //which of the two ways of defining private methods of a javascript object is better way, specially in sense of memory management and performance.

    Read the article

  • Jquery Javascript function, simple error, can't find it!

    - by CodingIsAwesome
    When my page loads it calls the function like below: <body onLoad='changeTDNodes()'> And the code it calls is below: enter code here <script src='jquery-1.4.2.min.js' type='text/javascript'></script> <script> function changeTDNodes() { var threshValue = 10; $(".threshold").each(function(elem) { if($("b",elem).innerText > threshValue) { elem.addClass("overThreshold"); } }); }); } I have the class setup correctly in CSS .overThreshold { td{font-size:72px;} th{font-size:72px;} } But no classes are being changed, whats going on? Thanks for all your help!

    Read the article

  • Adding li element only if it not already there?

    - by Legend
    I am constructing an <li> element like this: var element = $("<li></li>") .html(mHTML) .attr('id', "elemid"); I am trying to add this element to a <ul> element only if it doesn't already exist. Any ideas on how to do this? Am I supposed to use contains() to see if the ul element contain the html and then decide? For instance, <ul id="elemul"> <li id="elemli1">Element 1</li> <li id="elemli2">Element 2</li> <li id="elemli3">Element 3</li> </ul> If I try adding Element 1, it should not add it. What should I do if its a longer string (not really long but about 150 characters). Note: I cannot rely on IDs to determine the uniqueness. i.e. I might end up forming something like: <li id="elemli3">Element 1</li> Do I go about using hashmaps?

    Read the article

  • JqueryUI serialize data not working on first record

    - by peace
    I am using jqueryUI v1.8. I have created a modal dialog form to edit records of a table. When the edit link on the record is clicked the record data is displayed on the form and the user edits the record. When the user submits this form the data is serialized and posted via ajax to update the database. This works well with all records except the first one. Nothing is posted to server for update only for the first record. alert(serializeddata); is empty. Similarly, The first form element in every record chosen for editing does not show the actual value the first time. Once you cancel editing and close the dialog and reopen you can see the fields accurate data. How do I resolve this?

    Read the article

  • How to show/hide certain div when i have multiple div with same class name

    - by Rajasekar
    I had multiple div with class name blueflip i want to toggle this class's div content when the div link_button is clicked. My Code : $(document).ready(function(){ $('.blueflip').hide(); $('.link_button').click(function() { $('.blueflip').toggle(400); return false; }); }); It works fine. But my problem is, my page has multiple link_button and blueflip div's all over the page. when i click any one of link_button all of the blueflip div's are toggling. But i need to toggle the corresponding child blueflip div only Note : The divs are dynamically generated from database. How to achieve that, Plz help. Any suggestion will be highly appreciated

    Read the article

  • Combining a mousedown event with a keydown event

    - by gotguts
    I am trying to combine a keydown event with a mousedown event. Basically, I have a chat dialog, and if the user writes in one of 2 divs (keydown event) or makes a selection from either (or both) of 2 dropdowns (mousedown), I need these to have the same exact function. Thanks in advance. Code (to be combined): $('#usermsg').add('#otherComments').keydown(function() { // When key pressed and $('#strategies').add('#whySwitch').mousedown(function() { // When mouse is clicked //function body });

    Read the article

  • page.replace_html for entire div not partial?

    - by odpogn
    My sites navigation is within my <%= render 'layouts/header' %. I want to use ajax so that when a user clicks on a navigation link, only the refreshes. is not a partial, is there a way to refresh the content of that div without using a partial? <div id="container"> <%= render 'layouts/header' %> <div id="content"> <% flash.each do |key, value| %> <div class="flash <%= key %>"><%= value %></div> <% end %> <%= yield %> </div> </div>

    Read the article

  • Auto fit iframe

    - by kevin
    I have a difficulty on design a web page layout. This is my layout structure. <style> #left { float:left; width:600px; min-height:400px; } #right { float:right; width:200px; min-height:400px; } </style> <body> <center> <div id="page"> <div id="left"> <iframe /> </div> <div id="right">right panel</div> <div id="footer">footer</div> </center> </div> </body> How can i make the both left & right div grow when the right div's child increase more than the min height? How can i make the both left & right div grow when the content in the iframe is longer than the min height?

    Read the article

  • Javascript not working IE any version

    - by Ce.
    Hey everyone. I am having some issues on my end and hopefully it's just something on my end but, could someone take a look at THIS PAGE in IE and let me know if you can see what is wrong. Please check it out first in FF or Chrome or Safari because it all works fine in those browsers. The two scripts I am using are a custom-ish dropdown menu and another using jcarousel lite. I can't seem to figure out what the problem is. Thanks for any help!!!

    Read the article

  • get all elements under a mouse drag selection

    - by Jayapal Chandran
    Hi, You guys would have seen the image cropping tool which has a selection option (marque tool) created in javascript. http://marqueetool.net/examples/ Like this i want to get all elements under a selection. For example in windows we have mouse group selection of files and folders by dragging the mouse to select multiple files. Like that i need to get all the elements under a selection in javascript. I can try other gimmicks but if there could be a simple tool then i can speed up my work.

    Read the article

  • view-port resize vs document resize in IE

    - by mkoryak
    window.resize event in IE doesnt do what i thought it does. I thought it only triggered when the physical window/view-port changed size (ie user hits maximize on the browser window for example), but it is also triggered if i change the document size, introducing scroll bars. is there any way to tell those two things apart: view port resize, and document resize without writing an elaborate hack?

    Read the article

  • Dom Nodes manipulations, how remove tags which wrap my selection?

    - by sanceray3
    Hi, I try to explain you my "problem". I would like to know when I select a part of text, if this text is “wrapped” by html tags, and in function delete them. For example with this sentence : The car is <strong>green</strong>, and the boat is black If I select “green” and click on a button, I would like verify if green is wrapped by <strong>(for that it’s ok), and in function delete <strong> tags without delete containing “green”. I have tried to do it, but when I remove child and recreate one, my new node is empty and if I try to put directly text in document.createTextNode, my new node appears but the <strong> tags stay. // Bouton CLICK $('input[type=button].btn_transform').click(function(){ var selObj = window.getSelection(); var parent=selObj.anchorNode.parentNode; if (parent.nodeName=='STRONG'){ parent.removeChild(selObj.anchorNode); var theText = document.createTextNode(selObj); parent.appendChild(theText); } }); I’m not a DOM manipulation specialist. Could you help me to solve this? Thanks very much for your precious help.

    Read the article

  • jQTouch on Iphone - jumping to specific DIV after onclick and javascript function

    - by Guus
    I am just starting to use jQTouch. In #contact I have a button that calls javascript function sendEmail() How can I jump to/show the div #statusDiv in the javascript function after sending the email? function sendEmail() { // sending email // --> how to jump to DIV called statusDiv } <div id="home" class="current"> </div> <div id="contact" > <ul class="rounded"> <li ><a id="emailButton" onclick="sendEmail()">Stuur email</a></li> </ul> </div> <div id="statusDiv"> </div>

    Read the article

  • change iframe source in ie using javascript

    - by rohini
    Hi, i have used an iframe which looks like this <iframe style='width: 330px; height: 278px' scrolling='no' name="iframeId" class="advPlayer" id="iframeId" frameborder="0" src='../../player/iabpreview.php?adid=<?php echo $selectedAdIdx ?>&amp;autoPlay=true'></iframe> whenever i click a div,i have to change the source of the iframe..so i am using if ($j.browser.msie) { frames['iframeId'].window.location="../player/iabpreview.php?adid="+adId+"&autoPlay=true"; }else { $j(".advPlayer").eq(0).attr("src", "../player/iabpreview.php?adid="+adId+"&autoPlay=true"); } this is working in firefox...but not in ie..... someone please help me...

    Read the article

  • How do I prevent form from redirecting after submission?

    - by Noor
    I have searched the site and I've found various solutions, most of them suggesting using return false; Problem is that I'm using this piece of code to submit the form: $(function() { $("#snd").click(function() { var dendar = "http://" + $("#inpt").val() + ":" + $("#pwd").val() + "secretsite.lol/something.xml"; $("#formen").attr("action", dendar); $("#formen").submit(); alert(dendar); return false; }); }); The alert is just there to let me know that the form has been submitted.. Thanks guys!

    Read the article

  • open text box which clicking on image

    - by Hunt
    Hi , I have an image on which "click to edit" is written now when i click that part i want to show edit box where "Type 1" is written. I have tried to put edit box but unable to get the click event ... here is the image http://www.freeimagehosting.net/image.php?55dd1b316d.png

    Read the article

  • How to write this in a simpler less ridiculous way

    - by Richard Knop
    This just seems absurd to me. Should I use array instead or is there some other better solution? $('.hoursRange').change(function() { if ('0' == $(this).val()) { $(this).val('00'); return false; } if ('1' == $(this).val()) { $(this).val('01'); return false; } if ('2' == $(this).val()) { $(this).val('02'); return false; } if ('3' == $(this).val()) { $(this).val('03'); return false; } if ('4' == $(this).val()) { $(this).val('04'); return false; } if ('5' == $(this).val()) { $(this).val('05'); return false; } if ('6' == $(this).val()) { $(this).val('06'); return false; } if ('7' == $(this).val()) { $(this).val('07'); return false; } });

    Read the article

  • how to use html.befinform..in usercontroler

    - by kumar
    <% using (Html.BeginForm("edit", "StudentDetails", FormMethod.Post, new { @id="exc-" + Model.StudentID})) {% <%= Html.ValidationSummary(true)% based on the condition like <%if(model.Summary == "1")%> I need to go to StudnetDetails Controler to execute Edit if not Need to go Details Controler to Edit some info.. and I have button in the page like save.. <p> <%=Html.EditorFor(model => model.SequenceDateTimeAsString)%> <%=Html.EditorFor(model => model.ID)%> <input type="submit" class="button" value="Save" /> </p> Can any body help me out how to handle how actions on condition thanks

    Read the article

  • Remove hash (#) from url in Ajax navigation without refresh

    - by Email
    I have an ajax navigation similar like here. now if a menu is clicked window.location.hash is added like this #about i want to REmove the hash (#) so that people can easily copy and share the link naturally. How this can be done in april 2012 without a pagerefresh crossbrowserwise (IE7+,FF,Opera,Safari) ? For inspiration: Here is actually someone already doing this, click on "portfolio" or "features" and watch the url in your browser. thanks for tips

    Read the article

< Previous Page | 588 589 590 591 592 593 594 595 596 597 598 599  | Next Page >