Jump to content

Axeia

Members
  • Posts

    717
  • Joined

  • Last visited

    Never

Posts posted by Axeia

  1. I use javascript/php  (php is a MUST) as javascript/ajax are clientside based and thus can be avoided.

    Some things you can't do (sensibly) with javascript only so ajax comes in handy.. for example if you want to check a valid user, you can check the format with javascript just fine.. but seeing if it was already used, that's another story.

     

    Of course you could make an array with all membernames, but what if someone else signs up with the desired username while the other is still filling in the form.. and you don't want several thousands of usernames to be downloaded either.. so that's when ajax comes in ;)

  2. You can't directly put text in the <body> if you want to have a validating page so that's one, but usuallly it's for some kind of background image and/or color, or to center something.

    It isn't required.. but try creating a page without one, I've thought I wouldn't need one sometimes when I started on converting a design to html.. but then ended up having one in the end.

  3. Use an editor with template capabilities or use PHP and require_once().

    Keeping things maintainable doesn't require ajax nor iframes.

     

    On the summer league page (and that's why ajax isn't all that good.. can't provide a direct link) I'm quite sure the alt="Angry face" should be "Big Ron's" ;)

    And the

    <table style="font-size: 13px; font-family: Verdana;" align="center" border="1" bordercolor="#666666">
    <tbody><tr>
    <td align="center" bgcolor="#ffff66"><strong>POS</strong></td>
    <td align="left" bgcolor="#ffff66" width="160"><strong>TEAM</strong></td>
    <td align="center" bgcolor="#ffff66"><strong>PLD</strong></td>
    
    <td align="center" bgcolor="#ffff66"><strong>WON</strong></td>
    <td align="center" bgcolor="#ffff66"><strong>LOST</strong></td>
    <td align="center" bgcolor="#ffff66"><strong>PTS</strong></td>
        <td align="center" bgcolor="#ffff66"><strong>DBL PTS</strong></td>
    </tr>
    

    should all be <th>'s instead of <td>'s.... why all the inline code anyways? If you worry about maintainability I would rewrite this to:

    <style type="text/css">
    .week { font-size: 13px; font-family: Verdana, sans-seriff; text-align: center; border: 1px solid #666; }
    .week th { background: #ffff66; }
    .week th.team { width: 160px; }
    
    </style>

    <table summary="Scoreboard of the Table Tennis Summer League">
    <thead>
    <tr>
    <th>POS</th>
    <th class="team">TEAM</th>
    <th>PLD</th>
    
    <th>WON</th>
    <th>LOST></th>
    <th>PTS</th>
    <th>DBL PTS</th>
    </tr>
    </thead>
    <tbody>

     

    [edit]

    Yes include is fine (same thing as require_once I suggested, but without the it only happens once check.. which really doesn't matter in this case).

  4. Please do post what you have as instead of working abstractly we can use the same names / get a better idea of what's supposed to happen, and do you already have an existing javascript framework (with ajax capabilities) in place such as jquery?

  5. <div style="width: 30%; position: relative; background: yellow;">
        <div style="-moz-opacity: 0.4; background: lime; height: 25px; width: 25px; position: absolute; left: 0;"></div>
        <div style="-moz-opacity: 0.5; background: red;  height: 25px; margin: 0 23px;"></div>
        <div style="-moz-opacity: 0.4; background: lime; height: 25px; width: 25px; position: absolute; right: 0; top: 0;"></div>
    </div>
    

    That's one way (yes the 2px overlap is intentional so you can see it's pixel perfect :)

  6. Edit > Preferences (or Tools > Options.. depending your OS)

    > Advanced > General

    [x] Use Smooth Scrolling

    ?

     

    Think firefox does start acting a little funky if you use -moz-opacity A LOT on the foreground elements but normally it should be a smooth experience.

  7. instead of

    <input type="text" name="other_manufacturer" id="other_manufacturer" disabled="disabled" />

     

    <input type="text" name="other_manufacturer" id="other_manufacturer" />
    <script type="text/javascript">document.getElementById( 'other_manufacturer' ).disabled = false;</script>

    Might be a better idea for accessibility reasons.

  8. I think the flash part is waaaaaaaaaay to large, I'd cut off the bottom 63px (gotta love measureIt) and then scale it down or make it part of the very top. As it is now it takes attention away from the more important parts of the site.

    Layout is table based (tables != layout)

    The links at the top next to the contact info look strange being right aligned, it's like they're supposed to be labels for the form next to it.

    The ringbuilder flashthingy on the frontpage still isn't clickable

    You still got images lacking alt text (hurting both your accessbility and search engine rating) and worse, you used a really odd way for that "Subscribe to newsletter", all the information is in a background image for which you can't even set alt text and then the link is an image as well.. without alt text.

     

    To give you a better idea of why that's bad:

    2f69c837068067.gif

    That's how the page looks in lynx, and it's friendly enough to use the imagename itself if alt text is missing.

    Also notice the line.jpeg's, you oughta use a <hr /> and then it can be styled to have the image as the background.

  9. Woaw, are you using a really old monitor of which the back-light is dieing? That page is really, really, insanely bright.

     

    And yes, at least if I understand you correctly you just want to add a line bellow the image?

    <div style="float: left; padding: 15px;">
      <h2>Fancy image</h2>
      <img src="" alt="" />
      <p>Well, why don't you have a look at this really fancy image?</p>
    </div>

  10. onkeydown should work fine afaik, https://developer.mozilla.org/en/DOM/element.onkeydown

    You wouldn't happen to attaching an eventlistener with something like

     document.getElementById('id').attachEventListener( 'onkeydown', function() {} )

    ?

    Cause there are some differences there between IE and the standard:

     document.getElementById( 'id' ).appendEventListener( 'keydown', function() {}, false )

     

    (typed that down in a rush as lunch is waiting for me, so hope it isn't total gibberish)

  11. I'm a bit confused as to what the difference between a tag and element would be.. but did you close the <h1> with a </h1>? Cause that is required depending on the document type.

  12. Bleh this is driving me nuts, silly assignment where I have to use the 3 databases in the subjectline without a database abstraction layer.

    Dates in particular are annoying.

    EXTRACT( 'YEAR', date ) works with postgresql and mysql but not with derby

    YEAR( date ) works with derby and mysql, but not with postgresql

    to_char( 'yyyy', date ) only works with postgresql

     

    So besides a regular expression to replace YEAR( DATE ) with EXTRACT( 'YEAR', date ).. any other options?

     

    [edit]

    Oh right, it's not just years, also months/days.

  13. afaik you'll need a second page which will function as the image and does something like

     

    <?php
    header('Content-Type: image/jpeg');
    //DB stuff here
    echo $row['Photo'];
    ?>

     

    Of course you could make that second page work off an $_GET['value'] and then use <img src='/secondPageScript.php?imageId' alt='' />

    Or you could just not store the image in the database but save the path to it, which is a lot more resource friendly and you'll be less likely to get a mail from your host stating that you need to lower the resource use of your page by the end of the month or switch to a more expensive package.

  14. Actually his idea isn't that bad, you'd simply let javascript add the stylesheets/javascript files to the current page. (With the expiration header set to the some point in the future ) and while the user is typing his/her username/password half the stuff off the next page resides in the cache.

     

    Simply add something like this to the bottom of the page.

    <script type="text/javascript">
    var stylesheet document.createElement( 'style' );
    stylesheet.rel   = "stylesheet";
    stylesheet.type  = "text/css";
    stylesheet.href  = "/css/stylesheet.css";
    document.body.appendChild( stylesheet );
    </script>

  15. The first method is better imo.

    I'd do something like:

     

    if( isset($_POST['commentID']) && isset($_POST['c']) ) {
      if( ($cap = count( $_POST['commentID'] )) == count( $_POST['c'] ) )
      {
           for( $i = 0; $i < $cap; $i++ )
           {
               echo $_POST['commentID'][$i]." <-related->".$_POST['c'][$i];
           }
       }
       else
       {
          echo "Sorry invalid data";
       }
    }
    

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.