Search Results

Search found 29511 results on 1181 pages for 'html beginform'.

Page 340/1181 | < Previous Page | 336 337 338 339 340 341 342 343 344 345 346 347  | Next Page >

  • jquery show hide div's with a href tag

    - by user1736794
    I have some jquery which reveals and hides new div's based on which button is pressed. Rather than buttons i would like to insert my own text/image and have them work in the same way, revealing and hiding the new windows. Here is the jquery: <script> $(document).ready(function(){ $(".buttons").click(function () { var divname= this.value; $("#"+divname).show("slow").siblings().hide("slow"); }); }); </script> Here is the code for one of the buttons which i would like changed to a a href tag. <input type="button" id="button1" class="buttons" value="div1"></input> Any help will be greatly appreciated. Thanks. Pia

    Read the article

  • simple JQuery example is causing me troubles for unknown reason

    - by cerr
    I'm relatively new to JQuery and would like to try something. I just followed a simple tutorial to start up with on http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery So I specified my script in the : <script type="text/javascript"> $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); }); </script> and included a test link in the : <a href="">Link</a> however, when I refresh thet document my browser keeps saying TypeError: Property '$' of object [object Window] is not a function which I can understand for "normal" JavaScript but I believe this kind of function is new in JQuery. Can someone assist mer here, please? links:http://wittmerperformance.com/site/

    Read the article

  • How to use window.location.replace javascript?

    - by william
    My URLs http://www.mysite.com/folder1/page1.aspx http://www.mysite.com/folder1/page1.aspx?id=1 http://www.mysite.com/folder1/page1.aspx?id=1&dt=20111128 Redirecting Page http://www.mysite.com/folder1/page2.aspx I want to redirect from page1.aspx to page2.aspx How to write a javascript in page1.aspx? window.location.replace("/page2.aspx"); window.location.replace("../page2.aspx"); window.location.replace("~/page2.aspx"); First 2 gave me this. http://www.mysite.com/page2.aspx Last 1 gave me this. http://www.mysite.com/folder1/~/page2.aspx What is the correct way to use?

    Read the article

  • Limiting number of text lines in a table cell

    - by Kuzco
    I have a table cell where I need to limit the text to a max of two lines. I tried achieving this by placing an inner div with a limited height: div { border: 1px solid #EECCDD; width: 100px; height: 40px; overflow: hidden; } <div> <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p> </div> <div> <p>bla bla bla bla</p> </div> However, in this case the cells which have only one line of text are not vertically aligned to the middle. I know there are ways to vertically align a text within a div, but most of the ones I found seemed a bit complicated and/or hacky (like this one), and felt like a bit of an overkill. Is there a different way to effectively limit the number of lines inside the cell, or a simple way to align the text in the way I did it?

    Read the article

  • Why is ServerVariables["HTTP_REFERER"] skipping a page?

    - by Aaron
    Here is my situation: Page1.aspx redirects to Page2.aspx which does some processing (does not display to the user) and then redirects to Page3.aspx which checks the ServerVariables["HTTP_REFERER"] or Request.UrlReferrer. I understand that the referring information can sometimes be blank and can't be entirely relied upon; however the ServerVariables["HTTP_REFERER"] or Request.UrlReferrer on Page3.aspx is showing Page1.aspx instead of Page2.aspx which I would have expected. Does the referring information only get set if the page displays to the user? Redirecting is done using Response.Redirect in order to change the URL in the address bar of the browser.

    Read the article

  • Next Div Does not appear correctly after floating two divs to right and left

    - by user3703669
    I have floated two divs to left and right...But the next div after those two divs does not appear correctly... My code is follows #Div1{ position: relative; float: left; } #Div2{ position: relative; float: right; } And the display as follows <div id="Div1">This is aligned to left on the same x axis</div> <div id="Div2">This is aligned to right on the same x axis</div> <div style="color: red;">After the alignment this div does not align</div> The output is as follows http://i.stack.imgur.com/8A6hz.png But I expect something like this http://i.stack.imgur.com/wVGN6.png Anyway to accomplish this task ?? Please HELP!! Urgent help needed!!!

    Read the article

  • css issue when resize windows

    - by zlippr
    hi i am having issue with css as when i resize the windows the div is not placed properly as below this is css involving the div .similar_story_block_form { background-color: white; border: 1px solid #CCCCCC; border-radius: 0 0 12px 12px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.8); font-size: 13px; left: 337px; position: absolute; top: 105px; width: 337px; z-index: 100; } currently i use chrome which give me the same issue. What am i missing here? Thank for your help

    Read the article

  • How can I debug a form?

    - by alesch
    I'd like to see what a website is sending when I submit a form. Using Firebug I can see that it is regular POST form. I'm interested in the coding of the form fields. Thanks in advance!

    Read the article

  • jQuery apply functionality only to class and parent elements.

    - by kylex
    I have the following list: <ul> <li class="topCurrent">One <ul> <li>One-1 <ul> <li>One-1.1 <ul> <li class="current">One-1.1.1 <ul> <li>One-1.1.1.1</li> <li>One-1.1.1.2</li> <li>One-1.1.1.3</li> </ul> </li> <li>One-1.1.2</li> </ul> </li> <li>One-1.2</li> </ul> </li> <li>One-2</li> <li>One-3</li> </ul> </li> <li>Two <ul> <li>Two-1</li> <li>Two-2</li> </ul> </li> Using the following jQuery: $("ul li ul").hide(); $("ul li").hoverIntent( function(){ $(this).children('ul').slideDown('fast'); }, function(){ $(this).children('ul').slideUp('fast'); } ); What this does is hide all of the ul below the top level ul until there is a hover over it. What I would like to do is this: If an li has a class="current" I would like that structure to be open up until the point that current is hit. It would still allow the ul below it to be displayed on a hover, as well as any other ul's, but at no point would the parents of class="current" be hidden. Suggestions? This problem has been driving me crazy. Thanks!

    Read the article

  • Array of Sentences?

    - by user1869915
    Javascript noob here.... I am trying to build a site that will help my kids read predefined sentences from a select group, then when a button is clicked it will display one of the sentences. Is an array the best option for this? For example, I have this array (below) and on the click of a button I would like one of these sentences to appear on the page. <script type="text/javascript"> Sentence = new Array() Sentence[0]='Can we go to the park.'; Sentence[1]='Where is the orange cat? Said the big black dog.'; Sentence[2]='We can make the bird fly away if we jump on something.' Sentence[3]='We can go down to the store with the dog. It is not too far away.' Sentence[4]='My big yellow cat ate the little black bird.' Sentence[5]='I like to read my book at school.' Sentence[6]='We are going to swim at the park.' </script> Again, is an array the best for this and how could I get the sentence to display? Ideally I would want the button to randomly select one of these sentences but just displaying one of them for now would help. Thanks

    Read the article

  • Javascript / Jquery Tree Travesal question

    - by Copper
    Suppose I have the following <ul> <li>Item 1</li> <li>Item 2 <ul> <li>Sub Item</li> </ul> </li> <li>Item 3</li> </ul> This list is auto-generated by some other code (so adding exclusive id's/class' is out of the question. Suppose I have some jquery code that states that if I mouseover an li, it gets a background color. However, if I mouseover the "Sub Item" list item, "Item 2" will be highlighted as well. How can I make it so that if the user mouses over "Sub Item" it only puts a background color on that and not on "Item 2" as well?

    Read the article

  • Google Chrome window.open height includes URL bar

    - by andyjeffries
    When we open a window using: window.open("/calendar",'calendar','width=950,height=576,titlebar=no,statusbar=no,menubar=no,resizable=no,scrollbars=no'); Firefox 3 and IE 7 open it to have a content area height of 576 plus the browser items (URL bar, status bar, etc). Chrome however opens it to have a total height of 576 meaning a scrollbar appears to the right of the content (and then the bottom because the width is now reduced). How can I get around this? It's for a heavy layout part of a web app so it's not just a matter of "let the user scroll", the client doesn't want that. Has anyone come across this? I don't mind browser sniffing and opening the window bigger, but I know that's yucky these days.

    Read the article

  • advanced css: top and bottom with flexible centre

    - by Haroldo
    is it possible with just css2 to have the following: all the content to be in the flexible div.mid section overlap the top and bottom parts not fussed about ie6 here's the photoshop with centre slice: as you can see the top and bottom parts are quite large and i need to overlap them from the middle slice... Please dont misunderstand here, i understand how to make a flexible central div, the complexity is in the overlapping of the top and bottom while the mid div remains flexible. I imagine it requires either negative margins or absolutely position top and bottoms elements with z-index..

    Read the article

  • IE8 and below <input type="image"> value work around

    - by kielie
    Hi guys, I have a slight problem, I am trying to capture the input of two buttons, one yes, one no, into a database but for some reason the database doesn't always show the value of the button clicked, it just shows up blank. <form action="refer.php" method="post" id="formID" > <div class="prompt_container" style="float: left;"> <span class="prompt_item"><input type="image" src="images/yes.jpg" alt="submit" value="yes" onclick="this.disabled=true,this.form.submit();" /></span> <input type="hidden" name="refer" value="yes"> </div> </form> <form action="thank_you.php" method="post" id="formID" > <div class="prompt_container" style="float: right;"> <span class="prompt_item"><input type="image" src="images/no.jpg" alt="submit" value="no" onclick="this.disabled=true,this.form.submit();" /></span> <input type="hidden" name="refer" value="no" > </div> </form> Apparently anything lower than IE8 will ignore the value attribute of all form inputs. How could I get this to work properly in all browsers? jQuery or Javascript maybe?

    Read the article

  • css code not working because of firefox latest version

    - by user1307365
    i have a problem in my coding which was working fine with firefox older version,when i updated to firefox 3.6 my vertical menu's first list is bigger then the other list... here is my css code... #verti { float:bottom; width:300px; margin-top:50px; position:relative; } #verti ul li { position:relative; list-style:none; } #verti ul { padding:0; margin:0; } #verti li { height:2m; width:9em; background:#38ACEC; margin-bottom:9px; position:relative; top:170px; -moz-border-radius:80px; border-radius:80px; text-align:center; }

    Read the article

  • Integrate Facebook Like button in website... With comments option

    - by Sebien
    Hello, Please see: http://developers.facebook.com/docs/reference/plugins/like I successfully integrated a [Like] button in my website using this link. On the developers website, when I click the [Like] button, a popup appears telling this: You like this. Share it on Facebook with a comment... [ ] [Post to Facebook] [Cancel] On my website, there is no such popup. I tested both iframe and FBML versions. Does anyone has a solution, or is this feature only reserved for www.facebook.com ? Thanks.

    Read the article

  • How to change the text of a div tag

    - by michael
    Hi, I have a simple div tag. Can you please tell me how can I change the text to 'mouse in' in my onmouseover handler? and 'mouse out' in my onmouseout handler? <div id="div1" onmouseover="alert(1);" width="100px" height="200px" border="1"> test </div> and why the width/height and border attributes do not work? I want to set the border to be 1 pixel with width = 100 pixels and height = 200 pixels. Thank you.

    Read the article

  • Horizontally spacing a row of images evenly

    - by Tesla
    I have a few rows of images like so <div class="row"> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> <img src="image.jpg" alt=""> </div> Each image has a different width, and there is also a different number of images on each row (4-6). I want to space the images evenly in the row, the row has a fixed width of 960px. I could do this by calculating the total empty space for each row and then dividing it among the images for a margin, but I was hoping there was something simpler that I could apply to every row instead of having to calculate and code a separate one for each row.

    Read the article

  • Class is not applying to submit button

    - by Mayur
    Hi All, I m Trying to apply a class to following submit button Code: <input type="submit" value="Submit" name="commit"> css : .confirm-button-submit { width : 79px; font : bold 12px sans-serif;; color : #000; background : url("../images/confirm-btn.png") 0 -33px no-repeat; text-decoration : none; margin-top :0px; text-align:center; border:0px; cursor : pointer; height:170px; } .confirm-button a { display : block; width : 79px; padding : 8px 0px 12px 0px; font : bold 12px sans-serif;; color : #000; background : url("../images/confirm-btn.png") 0 -33px no-repeat; text-decoration : none; margin-top :0px; text-align:center; } .confirm-button a:hover { display : block; width : 79px; padding : 8px 0px 12px 0px; font : bold 12px sans-serif;; color : #fff; background : url("../images/confirm-btn.png") 0 0 no-repeat; text-decoration : none; margin-top :0px; text-align:center; } But its not working proper what to do Thanks

    Read the article

  • jQuery: click() not working in IE 7

    - by Patrick
    hello, I cannot make the click() function work in IE7, for the tags links on the top of the page in this website: http://www.sanstitre.ch/drupal/portfolio?tid[0]=38 Everything works perfectly in other browsers and, the z-index of the header is bigger than the rest of the content. thanks

    Read the article

< Previous Page | 336 337 338 339 340 341 342 343 344 345 346 347  | Next Page >