Need a simple popup (modal, on-page-load with time-delay, fast & clean)

Leelium · September 23, 2014, 9:24am

Hi Pullo, I’ve re run the validator on the homepage and now it counts 57 errors… what happened? I didn’t change anything in the homepage so I’ve no idea if I’m going crazy or not.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sntravel.co.uk%2F&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices

James_Hibbard · September 23, 2014, 10:11am

Its recognizing a strict doctype.
You were previously using HTML5.

Now might be a good time to read up on this: Choosing the right doctype for your HTML documents

TL;DR: Use the HTML5 doctype

Leelium · September 23, 2014, 11:26am

Thanks, it’s 1 and 1 only now

uhm only issue is Firefox, dammit

James_Hibbard · September 23, 2014, 11:57am

Can you not wrap it in the IE conditional tag?

What happened with your thread in the CSS forum?

Leelium · September 23, 2014, 12:14pm

You’re right sorry, fixed that. No errors now.

Firefox still messed up.

I read online it has issues with stylesheets and reading past a certain point. It’s the only issue at the moment, except the javascript error for the searchbox iframe.

Waiting for an answer on the css section. I passed the validation just now so they’ll hopefully reply soon

James_Hibbard · September 23, 2014, 5:47pm

Do you mean this thread?

Leelium · September 23, 2014, 7:32pm

yeah

James_Hibbard · September 23, 2014, 7:42pm

I didn’t read the whole thread, but the way it ended up seemed to me that you were just wanting the page to validate.
When I click on the link in your final post (22), I see the page is now valid, so think “case closed”.
Maybe add a comment that the page still doesn’t display well in FF?

Leelium · September 24, 2014, 10:19am

I did write that on the last post, maybe you needed to refresh the page

Leelium · September 26, 2014, 3:34pm

Ok for some reason now I see it fine on Firefox as well huh, case closed I guess

pdxSherpa · September 27, 2014, 2:13pm

think how much easier this will be the next time around!

James_Hibbard · September 30, 2014, 7:22am

Hi,

Sorry for the delay. I missed your reply.

So, to summarize: your page now validates and previews correctly in all of the relevant browsers.
Correct?

Leelium · October 2, 2014, 4:15pm

Hi sorry I’ll check later at home with all the browsers and let you know

James_Hibbard · October 2, 2014, 6:23pm

Cool. I’m on vacation for a week now, but will pick this up when I return.

Leelium · October 11, 2014, 12:05pm

Yeah it works on every browser now, I just need to fix some javascript regarding the searchbox. It won’t resize and I don’t really know how to mess up with the javascript controlling its size

James_Hibbard · October 13, 2014, 8:18am

Good news!
This thread has gotten a little long and I’ve lost track of which page we are looking at.
Could you give me the url again?

Leelium · October 13, 2014, 9:12am

I know
This is the page and all the connected pages with the search box

James_Hibbard · October 13, 2014, 9:31am

There are still a few errors on that page.
They are relatively simple to fix.
Are they coming from you or a third party plugin.

Leelium · October 13, 2014, 9:56am

I removed the unclosed div and body and the & without amp; but the width and other attributes I’m not really sure how to replace as they screw up the searchbox functionality for some reason if I include them in css

James_Hibbard · October 13, 2014, 7:14pm

Make line 88 this:

<div id="loginsection" style="display: none; text-align: center"><div id="login">

and change your form (starting line 91) to this:

<form method="post" action="https://secure.traveltek.net/fusion/login.pl" style="margin:0">
  <table style="width:100%; padding: 0; border-spacing: 0px; border-collapse: separate;">
    <tr>
      <td colspan="2">
        <table style="width:100%; padding: 0; border-spacing: 0px; border-collapse: separate;">
          <tr>
            <td style="width:100%; vertical-align:top; text-align:center; height:30px;"><p class="error"></p></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td style="width:50%;"><input type="text" name="username" value="Username" onfocus="this.value='';" class="field"></td>
      <td style="width:50%;"><input type="password" name="password" value="Password" onfocus="this.value='';" class="field"></td>
    </tr>
    <tr>
      <td colspan="2" style="padding: 0 5px 0 0; text-align:right;"><input type="hidden" name="action" value="login"><input type="hidden" name="sessionkey" value=""><input type="hidden" name="returnto" value="/"><input type="submit" name="submit" value="log in &raquo;" class="btnLg"></td>
    </tr>
    <tr>
      <td colspan="2" style="padding: 10px 5px 0 0; text-align:right;"><a href="/fusion/signup.pl?sid=&amp;sessionkey=&amp;returnto=" target="_top" class="btnSilver">Sign Up</a>&nbsp;<a href="/fusion/forgottenpassword.pl?sid=&amp;sessionkey=&amp;returnto=" target="_top" class="btnSilver">Forgotten Password?</a></td>
    </tr>
  </table>

  <input type="hidden" name="redirect" value="/homepage.phtml">
</form>

That should make the page validate.
It looks ok for me in chrome and FF (latest), but could you check any other browsers you are supporting?