www.webdeveloper.com

Search:

Type: Posts; User: Rain Lover

Page 1 of 4 1 2 3 4

Search: Search took 0.02 seconds.

  1. Resize iframe & textarea in reverse directions

    Iframe isn't reziable in Firefox. Then I decided to put it in a div and resize that instead:


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Resizable Iframe & Textarea</title>...
  2. Replies
    0
    Views
    962

    Scroll without a scrollbar

    Sample form:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
    * {font:13px arial; color:white;}
    body {background:black;}
  3. Thanks for the answer, but it doesn't cover IE9,...

    Thanks for the answer, but it doesn't cover IE9, which is a major browser. The oninput even is buggy in IE9: http://help.dottoro.com/ljhxklln.php
  4. The iframe content is supposed to get updated in...

    The iframe content is supposed to get updated in real time -- as soon as the textarea content changes by keyboard or mouse. This approach is an alternative to the oninput event. But since oninput...
  5. setTimeout to detect changes in a text field

    I wonder why the following sample code doesn't work properly:


    <!DOCTYPE html>
    <html>

    <head>
    <title></title>
    <style type="text/css">
    textarea, iframe {
  6. jQuery validation: display the focused field error message

    Objective: I'd like to display the focused field error message in a container.

    What I've done so far:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
  7. Box model: lost parent element scrollbar

    The first sample shows scrollbars correctly:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
    #parent {width:102px; height:101px; background:red; overflow:auto;}...
  8. Replies
    5
    Views
    3,995

    Best solution! Thanks! :)

    Best solution! Thanks! :)
  9. Replies
    5
    Views
    3,995

    It doesn't help. Besides, I don't want to remove...

    It doesn't help. Besides, I don't want to remove the fieldset and legend value.
  10. Replies
    5
    Views
    3,995

    No fieldset padding top in IE8

    Sample form:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style>
    fieldset {padding: 15px;}
    </style>
  11. Replies
    2
    Views
    886

    jQuery fade effects in IE(8)

    Sample code:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style>
    span {display:none;}
    </style>
  12. Validate optional form fields with default values

    Sample form:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title></title>
    <script type="text/javascript"...
  13. Replies
    1
    Views
    1,977

    AJAX Ajax form submission in IE(8)

    Sample Google form


    Related spreadsheet

    I customized the original form source code and created two forms:

    First form
  14. Iframe onload event only after an anchor onclick

    Sample code:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <iframe name="iframe_a" onload="alert('Thanks for the visit!');"></iframe>
  15. Redirect a Google Docs form to your custom 'thank you' page

    Here's a Google Docs form:


    <form action="https://docs.google.com/spreadsheet/formResponse?formkey=dE02TlBHQ2hnVVdkTE5ya0lBYXhaMlE6MQ&amp;ifq" method="POST" id="ss-form">
    <br>
    <div...
  16. Put two DIVs side by side while keeping the image vertically centered

    Hi,

    Sample:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
  17. Replies
    1
    Views
    729

    Scrollbar removes right part of images

    Hi,

    Sample:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
  18. Replies
    4
    Views
    1,115

    Thanks for the answer, but I see no scrollbar. I...

    Thanks for the answer, but I see no scrollbar. I also don't see the one-pixel margin between the images.
  19. Replies
    4
    Views
    1,115

    Reduce the space between scrolling links

    Hi,

    Sample:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
  20. Replies
    1
    Views
    643

    Select object value

    Hi,

    I just saw the following:
    http://www.w3schools.com/jsref/prop_option_value.asp

    And wonder if there's something wrong with selectObject.value. Why not a simple approach:


    <!DOCTYPE...
  21. Replies
    3
    Views
    3,092

    Thanks! previousSibling is a clever idea!

    Thanks!
    previousSibling is a clever idea!
  22. Replies
    3
    Views
    3,092

    Change label color on input focus

    Hi,

    Here's a sample form:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Sample Form</title>
    </head>
  23. Replies
    1
    Views
    1,150

    Set a table columns width

    Hi,

    I tried to do it by adjusting the <td> width:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Sample...
  24. It removes all the borders, not only the outer...

    It removes all the borders, not only the outer ones.
  25. How to define a global variable for all the functions

    Hi,

    Here's a sample form:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Sample form</title>
    <script...
Results 1 to 25 of 80
Page 1 of 4 1 2 3 4
HTML5 Development Center



Recent Articles