dcsimg
www.webdeveloper.com

Search:

Type: Posts; User: Rain Lover

Page 1 of 4 1 2 3 4

Search: Search took 0.01 seconds.

  1. Replies
    4
    Views
    1,334

    Yes, it works. Thanks!

    Yes, it works. Thanks!
  2. Replies
    4
    Views
    1,334

    Firefox fires on choose, not on change

    Consider this:


    <input type="file" id="filePicker">
    <script>
    document.getElementById('filePicker').onchange = function() {
    alert('Hi!');
    };
    </script>
  3. 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>...
  4. Replies
    0
    Views
    1,490

    Scroll without a scrollbar

    Sample form:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
    * {font:13px arial; color:white;}
    body {background:black;}
  5. 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
  6. 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...
  7. 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 {
  8. 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">
  9. 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;}...
  10. Replies
    5
    Views
    6,534

    Best solution! Thanks! :)

    Best solution! Thanks! :)
  11. Replies
    5
    Views
    6,534

    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.
  12. Replies
    5
    Views
    6,534

    No fieldset padding top in IE8

    Sample form:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style>
    fieldset {padding: 15px;}
    </style>
  13. Replies
    2
    Views
    1,286

    jQuery fade effects in IE(8)

    Sample code:


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style>
    span {display:none;}
    </style>
  14. 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"...
  15. Replies
    1
    Views
    3,259

    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
  16. 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>
  17. 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...
  18. Put two DIVs side by side while keeping the image vertically centered

    Hi,

    Sample:


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

    Scrollbar removes right part of images

    Hi,

    Sample:


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

    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.
  21. Replies
    4
    Views
    1,291

    Reduce the space between scrolling links

    Hi,

    Sample:


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

    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...
  23. Replies
    3
    Views
    4,056

    Thanks! previousSibling is a clever idea!

    Thanks!
    previousSibling is a clever idea!
  24. Replies
    3
    Views
    4,056

    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>
  25. Replies
    1
    Views
    1,210

    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...
Results 1 to 25 of 82
Page 1 of 4 1 2 3 4
HTML5 Development Center



Recent Articles