Bonjour,
J'ai sur mon site, un menu déroulant qui ne fonctionne pas sous Firefox Quantum (66.0.2 (64 bits)) mais qui fonctionne parfaitement sous Safari et Chrome et également avec le Firefox sur ma tablette.
Serait-ce dû à une erreur de codage de ma part ou des paramètres de sécurités de Firefox qui bloqueraient ce script. A savoir que tous les autres scripts présents sur mon site fonctionnent quel que soit le navigateur.
Voici un lien vers la page incriminée. C'est le menu déroulant situé en regard de "Select a size for your print": https://www.alaincombemorel.com/prints-for-sale/tre-cime-di-lavaredo-2/
Et voici les codes utilisés:
Et pour la partie javascrip/jquery:
Je vous remercie par avance pour votre aide et votre temps
Bien cordialement
Alain
J'ai sur mon site, un menu déroulant qui ne fonctionne pas sous Firefox Quantum (66.0.2 (64 bits)) mais qui fonctionne parfaitement sous Safari et Chrome et également avec le Firefox sur ma tablette.
Serait-ce dû à une erreur de codage de ma part ou des paramètres de sécurités de Firefox qui bloqueraient ce script. A savoir que tous les autres scripts présents sur mon site fonctionnent quel que soit le navigateur.
Voici un lien vers la page incriminée. C'est le menu déroulant situé en regard de "Select a size for your print": https://www.alaincombemorel.com/prints-for-sale/tre-cime-di-lavaredo-2/
Et voici les codes utilisés:
<div class="print-order">
<table class="print-select">
<tr>
<td>
<h6><?php echo get_option('select_print','');?></h6>
</td>
<td>
<select id="select">
<option value="0" data-foo="">Select:</option>
<?php
$dim = get_post_meta($post->ID, 'dimension_small', true);
$pri = get_post_meta($post->ID, 'price_small', true);
$buy = get_post_meta($post->ID, 'buy_small_print', true);
?>
<option value="1" data-foo="<?php echo (" price: $pri ");?>"><?php echo "$dim" ;?></option>
<?php
$dimM = get_post_meta($post->ID, 'dimension_medium', true);
$priM = get_post_meta($post->ID, 'price_medium', true);
$buyM = get_post_meta($post->ID, 'buy_medium_print', true);
?>
<option value="2" data-foo="<?php echo (" price: $priM ");?>"><?php echo "$dimM" ;?></option>
<?php
$dimL = get_post_meta($post->ID, 'dimension_large', true);
$priL = get_post_meta($post->ID, 'price_large', true);
$buyL = get_post_meta($post->ID, 'buy_large_print', true);
?>
<option value="3" data-foo="<?php echo (" price: $priL ");?>"><?php echo "$dimL" ;?></option>
</select>
</td>
<td>
<span id="foo"></span>
</td>
<td>
<div id="small" style="display:none;"><?php echo do_shortcode($buy); ?></div>
<div id="medium" style="display:none;"><?php echo do_shortcode( $buyM ); ?></div>
<div id="large" style="display:none;"><?php echo do_shortcode ($buyL); ?></div>
</td>
</tr>
</table>
</div><!-- print order -->Et pour la partie javascrip/jquery:
jQuery(document).ready(function (){
jQuery("select").change(function(){
var selected = jQuery(this).find('option:selected');
jQuery('#foo').html(selected.data('foo'));
}).change();
jQuery("select").change(function(){
if(jQuery(this).val()=='1'){
jQuery('#small').show();
jQuery('#medium').hide();
jQuery('#large').hide();
}else if(jQuery(this).val()=='2'){
jQuery('#small').hide();
jQuery('#medium').show();
jQuery('#large').hide();
}else if(jQuery(this).val()=='3'){
jQuery('#small').hide();
jQuery('#medium').hide();
jQuery('#large').show();
}else{
jQuery('#small').hide();
jQuery('#medium').hide();
jQuery('#large').hide();
}
});
});Je vous remercie par avance pour votre aide et votre temps
Bien cordialement
Alain