Register Page: jquery/html issue with base theme

[phillsmile]

This problem is the same in ie/chrome/firefox as attached in the screen grab the date/select boxes float well below where they should be

[Glenn Vergara]

What browser/OS are you using? The scrollbar in the screenshot you posted looks a bit different (no 3 small horizontal lines on the scrollbar) than what I can see in Chrome/FF/Safari in Windows.

[phillsmile]

Hello, this machine was Windows XP with Firefox (latest version), have tested this on a Mac, Windows 7 and Windows 8 all IE9&IE11, Chrome and Firefox, Safari all have the same issue

http://www.classic-audi.co.uk/car/

[phillsmile]

Hello, I have managed to solve my issues by removing references to the .js library in the footer and placing the reference in the header, before any .js scripts are run, combined with enabling external css and xml options in the admin area.

As a developer who contributes to WordPress and Magneto I am surprised that this mistake was made and you should issue a patch to correct this.

The install / .xml files will need to be modified

For anyone who already has installed the theme you can modify the template table in the database, remove both .js libary references in the title=footer and add to the title=preheader just below the header tag

<header>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

[Glenn Vergara]

You are now including the jQuery library twice, first the latest version 1.10.2 (which you added) in the head and then the default 1.7.2 at the bottom of the body. I don't know why jQuery SelectBox plugin would fail to work if jQuery library is included at the bottom as that plugin is in footer-rollup js which is included after the jQuery library.

[phillsmile]

Hello yes Glenn this is correct, perhaps I was not clear but the jQuery library should be removed from the footer and place above the first .js script, normally this would be the reference to

js/header-rollup-505.js

The jQuery SleectBox plugin should be adding additional functions to the js on the the page this would rely on the jQuery library being present (perhps it works because it is in your browser cache). But as a rule of thumb I am sure that the jQuery library should be first just to make sure.

I installed 5.0.5 and found that the new user register section would not work at all until i made these changes.

[Glenn Vergara]

Most of the scripts including the jQuery library are included at the bottom of the body for performance reason. jQuery is only used when the DOM is ready (document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading). And the scripts are executed in the order they are included on the page. So if jQuery (which is the first script at the bottom) is loaded, parsed and executed successfully, then all the scripts below it that depend on it should work.

[phillsmile]

Most we browsers can download from more than one independent HTTP/IPs at the same time if you are downloading from the website and downloading from http://code.jquery.com/jquery-latest.min.js then is does not effect performance, this is why CDN's are used.

The bottom line is that you should download a copy of VB5.0.5 and look at the errors occurring (Google Chrome Browser Developer Tools is recommended) with the jQuery Library first most of the errors are solved, you should then take a look at the broken "New User Registration Page" both the date of birth tabs and the popup window and understand that my solution is essential.
Max Number of default simultaneous persistent connections per server/proxy:

Firefox 2: 2 Firefox 3+: 6 Opera 9.26: 4 Opera 12: 6 Safari 3: 4 Safari 5: 6 IE 7: 2 IE 8: 6 IE 10: 8 Chrome: 6

[Glenn Vergara]

Does this issue also occur here in vbulletin.com? Or only in your forum site?

[phillsmile]

This issue does not occur on this website, but there are modifications to this site such as a facbook plugin that may change the way js behaves.

[Wayne Luke]

This issue does not occur on this website, but there are modifications to this site such as a facbook plugin that may change the way js behaves.

That isn't a plugin. It is default functionality in the software. I can't recreate this issue on any of my test sites with or without the Facebook options. Most of our QA testing is done with the Facebook Connect turned off as well since it can't be used on many of the staging servers.

[Glenn Vergara]

Wayne is right. You might have a plugin or module on your site that depends on jQuery.

I actually requested in a JIRA few months ago to add an AdminCP option to allow the jQuery js file to be included in the <head> instead of </body> for instances where you have a plugin or module that depends on jQuery.

http://tracker.vbulletin.com/browse/VBV-11129