[SOLVED] Missing State / Province / Region contents in IE 9 + 10 + 11 + Chrome

[Jazajay]

Hi support
I'm pretty sure this is a bug as I can't seem  to get this to work in IE9, IE 10 or IE11 and it's part of the built in system.

On both:
edit-your-addresses/editaddresscartST
edit-your-addresses

Select: United Kingdom, in: Country.
State / Province / Region, then shows an empty selection field - where it should show: England | Wales | Scotland, by default.

If you type: either of the above and press enter it selects it correctly, it just appears that you can't select anything.

England | Wales | Scotland, are selected states in my Virtuemart, for the United Kingdom.

This works fine in Firefox.

Virtuemart versions: 2.0.26 + 2.0.24C
Joomla: 2.5.16

I can't see another bug report on this and I haven't modified this area so.....

I can send a screenshot if required.

Jaz

[jenkinhill]

If it works in FF/Chrome but not in IE then the most likely cause is a JavaScript conflict or just possibly a third party plugin. Use IE's debugger to check this.
http://forum.virtuemart.net/index.php?topic=119638.0

[Jazajay]

Virtuemart: 2.0.26d
Joomla! 2.5.18

Hi Jenkin Hill
Sorry I didn't get a notification you posted back - I have now clicked the notify button.

But, thank you for taking the time - I seriously appreciate it trust me.

When I go to: http://www.psasolutions.uk.com/register/editaddresscheckoutBT

In:
Chrome: I don't get anything in the country or state dropdown boxes (Selects),
Firefox:  Works fine
IE 10:    Works fine, until I search for at least 2 characters then it all disappears. But, the state province doesn't work at all.

I have now stripped back all Javascript files on my local testing environment - thinking it is a conflict (as you suggest - thank you for the link); but, no joy. This leaves me with just the following:

Code: [Select]
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/jquery.noConflict.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/vmsite.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/chosen.jquery.min.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/core.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/mootools-more.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/tabs.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/validate.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/modal.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/vmprices.js" type="text/javascript"></script>

I really don't know where the 2 JQuery files are coming from?
I have no other modules turned on except Joomla and Virtuemart and there is nothing in the template (On local).

I take it Virtuemart doesn't load 2 versions?

Any suggestions on how I can track this down as I don't get any errors in Chrome or Firefox's dev tools?

Jaz

[Jazajay]

Update:

I have now just turned off a bunch of plugins and I am now just left with this:

Code Select Expand

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/jquery.noConflict.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/vmsite.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/chosen.jquery.min.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/core.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/mootools-more.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/tabs.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/validate.js" type="text/javascript"></script>
  <script src="/psa/media/system/js/modal.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
  <script src="/psa/components/com_virtuemart/assets/js/vmprices.js" type="text/javascript"></script>

Which to me look like all system files.

But, there is still no change in functionality and no multiple versions of JQuery either.

I should also include that under vmprices.js there is this:

Code Select Expand

<script type="text/javascript">

//<![CDATA[
var vm2string ={editImage: 'edit image',select_all_text: 'COM_VIRTUEMART_DRDOWN_SELALL',select_some_options_text: 'COM_VIRTUEMART_DRDOWN_AVA2ALL'} ;
jQuery( function($) {
$(".vm-chzn-select").chosen({enable_select_all: true,select_all_text : vm2string.select_all_text,select_some_options_text:vm2string.select_some_options_text});
});
//]]>

//<![CDATA[
jQuery( function($) {
$("#virtuemart_country_id").vm2front("list",{dest : "#virtuemart_state_id",ids : "",prefiks : ""});
});
//]]>

window.addEvent('domready', function(){ $$('dl.tabs').each(function(tabs){ new JTabs(tabs, {}); }); });
window.addEvent('domready', function() {

SqueezeBox.initialize({});
SqueezeBox.assign($$('a.modal'), {
parse: 'rel'
});
});
//<![CDATA[
vmSiteurl = 'http://localhost/psa/' ;
vmLang = "";
Virtuemart.addtocart_popup = '1' ;
usefancy = true;
//]]>

  </script>

All other JS on the page is GA ad Google Adwords Conversion code.

Any ideas?

I don't care how far out

[Jazajay]

Hi
I have managed to "fix" this - posted it here:

https://forum.virtuemart.net/index.php?topic=103128.msg417117#msg417117