Hello everyone. I’m really new to javascript and im trying to get a small blog together for my daughter. She fell inlove with a theme so we got the them for her ( this is for wordpress ) however this theme uses jquery and JS files.
It is working fine in Firefox, but will not work in any version of IE. I’m currently using IE8. I was told by someone else i aasked and he pointed out wherethe errors are in the JS file causing the problem, but i do not know how to fix it or what to do. Basically it makes the comments link not work at all in IE, and makes the comments open on the index page, which they should not be.
Below i’ll paste the JS code and then below that paste where i was told there was an issue. Any help will be greatly appreciated, and i will answer any questions to the best of my ability, thank you in advance!
base.js
project: STPo - Demain j'arrête v3
created: 2009-09-01
author: Christophe ANDRIEU
summary: CONSTANTES
UTILITIES
FUNCTIONS
WINDOW.ONLOAD
----------------------------------------------------------------------------- */
/* =CONSTANTES
----------------------------------------------------------------------------- */
var d = document;
var w = window;
var debug = null;
window.config = {
debug : false
}
/* =UTILITIES
----------------------------------------------------------------------------- */
/* getElementsByClassName when not supported */
var matchAll = function() {
var node = arguments[1] || document;
var elms = node.getElementsByTagName('*');
var className = arguments[0];
if (d.getElementsByClassName) {
return node.getElementsByClassName(className);
}
else {
var regExp = new RegExp('\\\\b'+className+'\\\\b');
var array = [];
for (var i = 0; i < elms.length; i++) {
var current = elms[i];
if (current.className.match(regExp)) {
array.push(current);
}
}
return array;
}
};
/* logs into a textarea for IE and in the console for others */
var debuger = function() {
if (window.config.debug && !debug && typeof console == 'undefined') {
var parent = d.getElementsByTagName('div')[0];
var body = d.getElementsByTagName('body')[0];
var debug = d.createElement('textarea');
debug.setAttribute('rows', 10);
debug.setAttribute('cols', 80);
debug.setAttribute('name', 'debug');
body.insertBefore(debug, parent);
window.debug = debug;
}
else if (window.config.debug && console) {
log('Debug mode : on');
}
};
var log = function(x) {
if (typeof console != 'undefined')
console.log(x);
else if (debug) {
debug.value += x + '\
';
debug.scrollTop = debug.scrollHeight;
}
};
/* =FUNCTIONS
----------------------------------------------------------------------------- */
var commentsPanel = function(){
var myCommentLink = jQuery('#commentLink');
var myCommentsArea = jQuery('#commentsArea');
if ((myCommentLink) && (myCommentLink.length != 0)){
// adds the link on the commentLink
myCommentLink.html(
'<a href="#"> (' +
myCommentLink.html().toLowerCase().split(' (')[1].split(')')[0] +
')</a>'
);
var myCommentLinkA = myCommentLink.children('a:first');
// comments panel open or not
if (window.location.toString().indexOf('comments') != -1){
myCommentLinkA.addClass('on');
myCommentsArea.show();
}
else {
myCommentsArea.hide();
}
// onclick
myCommentLinkA.bind('click', function(){
if (myCommentLinkA.hasClass('on')){
myCommentLinkA.removeClass('on')
myCommentsArea.hide();
window.location.hash = '#nocom';
}
else{
myCommentLinkA.addClass('on')
myCommentsArea.slideDown('slow');
window.location.hash = '#comments';
}
myCommentLinkA.blur();
return false;
});
}
}
var closePopin = function(){
// close button
jQuery('#closeButton, #mask').bind('click', function(){
jQuery('#popinContainer, #mask').remove();
return false;
});
}
var commentSubmit = function(){
jQuery('#errorMsg').hide();
jQuery('#commentForm').submit(function(){
var hasError = false;
jQuery('.required, #spam1').parent('p').removeClass('error');
jQuery('#errorMsg').hide();
jQuery('.required').each(function(){
var myVal = jQuery(this).val();
if (!/[a-zA-Z0-9ÀÃÂÃÄÅÇÈÉÊËÌÃÃŽÃÑÒÓÔÕÖÙÚÛÜÃà áâãäåçèéêëìÃ*îïñòóôõöùúûüýÿ]/.test(myVal)){
jQuery(this).parent('p').addClass('error');
hasError = true;
}
});
log(jQuery('#spam1').attr('checked'))
// spam filter à l'arrache
if (jQuery('#spam1').attr('checked') == true){
jQuery('#spam1').parent('p').addClass('error');
hasError = true;
}
if (hasError) {
jQuery('#errorMsg').show();
return false;
}
else{
//if (document.getElementsByTagName('html')[0].className.indexOf('msie6') == -1){
// Loader
jQuery('body').prepend('<div id="mask"></div><div id="popinContainer"><div id="popinContent"><a href="#" id="closeButton" title="fermer"></a><img src="img/skin/ajax-loader.gif" alt="postage en cours..." id="ajaxLoad" /></div></div>');
closePopin();
// AJAX send
s = jQuery(this).serialize();
myAction = jQuery(this).attr("action");
jQuery.ajax({
type: "POST",
data: s,
url: myAction,
error: function(myObject, textStatus, errorThrown){
//alert('Ca a foiré. Pour la peine tu te tapes une sale alerte Javascript du siècle dernier !')
},
success: function(retour){
jQuery('#ajaxLoad').remove();
jQuery('#popinContent').addClass('merci');
jQuery('#popinContent').append('<p>Ton commentaire a bien été posté.</p>');
jQuery('#commentsArea').load(window.location.href.toString().split('#comments')[0] + " #commentsArea", function(){
commentSubmit();
});
}
});
return false;
//}
}
});
}
var allEpisodes = function(){
// ul >> select
jQuery('#allEpisodes ul').after('<form action="#"><select id="allEpisodesSelect"></select></form>');
jQuery('#allEpisodes li a').each(function(){
if (jQuery(this).hasClass('on')) var myOn = ' selected="selected"';
else var myOn = '';
jQuery('#allEpisodesSelect').append('<option value="' + jQuery(this).attr('href') + '"'+ myOn +'>' + jQuery(this).text() + '</option>');
});
jQuery('#allEpisodes ul').remove();
// click
jQuery('#dateStuff a').bind('click', function(){
jQuery('body').prepend('<div id="mask"></div><div id="popinContainer"><div id="popinContent" class="episodes"><a href="#" id="closeButton" title="fermer"></a></div></div>');
closePopin();
jQuery('#allEpisodesSelect').clone().prependTo("#popinContent");
jQuery('#allEpisodesSelect').bind('change', function(){
window.location = jQuery(this).attr('value');
});
jQuery(this).blur();
return false;
});
}
/* =WINDOW.ONLOAD
----------------------------------------------------------------------------- */
jQuery(document).ready(function(){
// Functions
commentsPanel(); // replier/déplier le panneau de commentaires
commentSubmit(); // vérif du formulaire de commentaires
allEpisodes(); // popin épisodes
});
Part I was told is triggering the bug:
// adds the link on the commentLink
myCommentLink.html(
'<a href="#"> (' +
myCommentLink.html().toLowerCase().split(' (')[1].split(')')[0] +
')</a>'
);
