Teknik, hosting & e-handelsløsninger

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Jesper — Tue, 21 Jul 2009 20:12:35 GMT

Kasper:
@Jesper -- Og tak for de pæne ord. Det er jo det hele værd, når den slags detektivarbejde lykkes, men jeg var dæleme ved at gå ud af mit go'e skind på vejen mod målet, så det var rart med et par hurtige pointers herfra!

Tro mig... jeg ved godt hvor lang tid man kan bruge ,-)

Jeg havde endda Fiddler fremme for at checke hvad der gik galt hos dig, men den gav ikke noget.

// Jesper

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 19:49:24 GMT

Til jer begge!

Ja, den var styg. Særligt fordi den mindede så meget om de tidligere rapporterede problemer med at loade js inden <body>...

Utroligt, at IE reagerer som den gør på den slags fejl...

@Jesper -- Og tak for de pæne ord. Det er jo det hele værd, når den slags detektivarbejde lykkes, men jeg var dæleme ved at gå ud af mit go'e skind på vejen mod målet, så det var rart med et par hurtige pointers herfra!

/Kasper

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Rasmus Hoeks — Tue, 21 Jul 2009 18:47:31 GMT

Fedt du fandt problemet

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Jesper — Tue, 21 Jul 2009 18:10:23 GMT

Hej Kasper

Kasper:
Så problemet var ikke relateret til JS som sådan åbenbart.

Men mange tak for at have fået mig på rette spor.

Det er en møgirriterende fejl som kan tage lang tid at finde. Vi har haft den i egen kode.

Jeg må lige tilføje at det er en fornøjelse at hjælpe, når du selv lægger det hårde arbejde ved at prøve dig frem og troubeshoote. Godt gået!

// Jesper

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 18:04:57 GMT

Den her bid kode var åbenbart problemet --

<script id="cocomment-fetchlet-extender" src="http://www.cocomment.com/js/extender?extensionVersion=0.3.0.0&context=http%3A%2F%2Fbergholt.net%2Fdomaine_du_pegau_chateauneuf_du_pape_2000.html"></script>

I ét indlæg på bloggen. Jeg begyndte med at vise et indlæg på forsiden og kørte fremad, til den ikke ville loade mere.

Så problemet var ikke relateret til JS som sådan åbenbart.

Men mange tak for at have fået mig på rette spor.

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 17:54:06 GMT

Ok, Atahualpa-indstillingerne gav mulighed for at flytte js (og css) ud i eksterne filer, men hovedsiden vil stadig ikke loade.

Undersider -- som fx: http://bergholt.net/gastronomi/riesling-ried-pfaffenberg-fra-weingut-knoll/

Virker dog fint...

Grå hår er på vej!

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 17:42:38 GMT

Hej Jesper!

Tak for indspark!

Ikke helt forstået. Har du evt. et link til en tutorial?

Mit problem er jo, at jeg ikke ved, hvor javascriptet kaldes fra. Hvordan finder jeg ud af det? Og hvordan flytter jeg det?

/Kasper

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 17:41:37 GMT

Beklager, her er den fulde kode, som kommer før <body>:

Med samtlige plugins slået fra, må det vel være themet (Atahualpa, 2.4.2), der placerer javascriptet dér?

---

var IEPNGFix = window.IEPNGFix || {};

IEPNGFix.tileBG = function(elm, pngSrc, ready) {
	/* Params: A reference to a DOM element, the PNG src file pathname, and a
	   hidden "ready-to-run" passed when called back after image preloading. */

	var data = this.data[elm.uniqueID],
		elmW = Math.max(elm.clientWidth, elm.scrollWidth),
		elmH = Math.max(elm.clientHeight, elm.scrollHeight),
		bgX = elm.currentStyle.backgroundPositionX,
		bgY = elm.currentStyle.backgroundPositionY,
		bgR = elm.currentStyle.backgroundRepeat;

	/* Cache of DIVs created per element, and image preloader/data. */
	if (!data.tiles) {
		data.tiles = {
			elm: elm,
			src: '',
			cache: [],
			img: new Image(),
			old: {}
		};
	}
	var tiles = data.tiles,
		pngW = tiles.img.width,
		pngH = tiles.img.height;

	if (pngSrc) {
		if (!ready && pngSrc != tiles.src) {
			/* New image? Preload it with a callback to detect dimensions. */
			tiles.img.onload = function() {
				this.onload = null;
				IEPNGFix.tileBG(elm, pngSrc, 1);
			};
			return tiles.img.src = pngSrc;
		}
	} else {
		/* No image? */
		if (tiles.src) ready = 1;
		pngW = pngH = 0;
	}
	tiles.src = pngSrc;

	if (!ready && elmW == tiles.old.w && elmH == tiles.old.h &&
		bgX == tiles.old.x && bgY == tiles.old.y && bgR == tiles.old.r) {
		return;
	}

	/* Convert English and percentage positions to pixels. */
	var pos = {
			top: '0%',
			left: '0%',
			center: '50%',
			bottom: '100%',
			right: '100%'
		},
		x,
		y,
		pc;
	x = pos[bgX] || bgX;
	y = pos[bgY] || bgY;
	if (pc = x.match(/(\d+)%/)) {
		x = Math.round((elmW - pngW) * (parseInt(pc[1]) / 100));
	}
	if (pc = y.match(/(\d+)%/)) {
		y = Math.round((elmH - pngH) * (parseInt(pc[1]) / 100));
	}
	x = parseInt(x);
	y = parseInt(y);

	/* Handle backgroundRepeat. */
	var repeatX = { 'repeat': 1, 'repeat-x': 1 }[bgR],
		repeatY = { 'repeat': 1, 'repeat-y': 1 }[bgR];
	if (repeatX) {
		x %= pngW;
		if (x > 0) x -= pngW;
	}
	if (repeatY) {
		y %= pngH;
		if (y > 0) y -= pngH;
	}

	/* Go! */
	this.hook.enabled = 0;
	if (!({ relative: 1, absolute: 1 }[elm.currentStyle.position])) {
		elm.style.position = 'relative';
	}
	var count = 0,
		xPos,
		maxX = repeatX ? elmW : x + 0.1,
		yPos,
		maxY = repeatY ? elmH : y + 0.1,
		d,
		s,
		isNew;
	if (pngW && pngH) {
		for (xPos = x; xPos < maxX; xPos += pngW) {
			for (yPos = y; yPos < maxY; yPos += pngH) {
				isNew = 0;
				if (!tiles.cache[count]) {
					tiles.cache[count] = document.createElement('div');
					isNew = 1;
				}
				var clipR = (xPos + pngW > elmW ? elmW - xPos : pngW),
					clipB = (yPos + pngH > elmH ? elmH - yPos : pngH);
				d = tiles.cache[count];
				s = d.style;
				s.behavior = 'none';
				s.left = xPos + 'px';
				s.top = yPos + 'px';
				s.width = clipR + 'px';
				s.height = clipB + 'px';
				s.clip = 'rect(' +
					(yPos < 0 ? 0 - yPos : 0) + 'px,' +
					clipR + 'px,' +
					clipB + 'px,' +
					(xPos < 0 ? 0 - xPos : 0) + 'px)';
				s.display = 'block';
				if (isNew) {
					s.position = 'absolute';
					s.zIndex = -999;
					if (elm.firstChild) {
						elm.insertBefore(d, elm.firstChild);
					} else {
						elm.appendChild(d);
					}
				}
				this.fix(d, pngSrc, 0);
				count++;
			}
		}
	}
	while (count < tiles.cache.length) {
		this.fix(tiles.cache[count], '', 0);
		tiles.cache[count++].style.display = 'none';
	}

	this.hook.enabled = 1;

	/* Cache so updates are infrequent. */
	tiles.old = {
		w: elmW,
		h: elmH,
		x: bgX,
		y: bgY,
		r: bgR
	};
};


IEPNGFix.update = function() {
	/* Update all PNG backgrounds. */
	for (var i in IEPNGFix.data) {
		var t = IEPNGFix.data.tiles;
		if (t && t.elm && t.src) {
			IEPNGFix.tileBG(t.elm, t.src);
		}
	}
};
IEPNGFix.update.timer = 0;

if (window.attachEvent && !window.opera) {
	window.attachEvent('onresize', function() {
		clearTimeout(IEPNGFix.update.timer);
		IEPNGFix.update.timer = setTimeout(IEPNGFix.update, 100);
	});
}



/* Apply PNG fix for IE6 */

 if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent) &&
	document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule) {
	document.styleSheets[0].addRule('*', 'behavior: url(http://bergholt.net/gastronomi/wp-content/themes/atahualpa342/js/iepngfix.php)');
	/* Feel free to add rules for specific elements only, as above.
	You have to call this once for each selector, like so:
	document.styleSheets[0].addRule('img', 'behavior: url(http://bergholt.net/gastronomi/wp-content/themes/atahualpa342/js/iepngfix.php)');
	document.styleSheets[0].addRule('div', 'behavior: url(http://bergholt.net/gastronomi/wp-content/themes/atahualpa342/js/iepngfix.php)'); */
 }
 

 



/* JQUERY */


jQuery.noConflict();
jQuery(document).ready(function(){  
  
	/* For IE6 */
	if (jQuery.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent) && !/MSIE 7\.0/i.test(window.navigator.userAgent)) {
	
		/* Max-width for images in IE6 */		
		var centerwidth = jQuery("td#middle").width(); 
		
		/* Images without caption */
		jQuery(".post img").each(function() { 
			var maxwidth = centerwidth - 10 + 'px';
			var imgwidth = jQuery(this).width(); 
			var imgheight = jQuery(this).height(); 
			var newimgheight = (centerwidth / imgwidth * imgheight) + 'px';	
			if (imgwidth > centerwidth) { 
				jQuery(this).css({width: maxwidth}); 
				jQuery(this).css({height: newimgheight}); 
			}
		});
		
		/* Images with caption */
		jQuery("div.wp-caption").each(function() { 
			var captionwidth = jQuery(this).width(); 
			var maxcaptionwidth = centerwidth + 'px';
			var captionheight = jQuery(this).height();
			var captionimgwidth =  jQuery("div.wp-caption img").width();
			var captionimgheight =  jQuery("div.wp-caption img").height();
			if (captionwidth > centerwidth) { 
				jQuery(this).css({width: maxcaptionwidth}); 
				var newcaptionheight = (centerwidth / captionwidth * captionheight) + 'px';
				var newcaptionimgheight = (centerwidth / captionimgwidth * captionimgheight) + 'px';
				jQuery(this).css({height: newcaptionheight}); 
				jQuery("div.wp-caption img").css({height: newcaptionimgheight}); 
				}
		});
		
		/* sfhover for LI:HOVER support in IE6: */
		jQuery("ul li").hover( 
		function() {
			jQuery(this).addClass("sfhover")
		}, 
		function() {
			jQuery(this).removeClass("sfhover")
		} 
		); 


	/* End IE6 */
	}
	
	
	jQuery(".post table tr").
		mouseover(function() {
			jQuery(this).addClass("over");
		}).
		mouseout(function() {
			jQuery(this).removeClass("over");
		});

	
	jQuery(".post table tr:even").
		addClass("alt");

	
	jQuery("input.text, input.TextField, input.file, input.password, textarea").
		focus(function () {  
			jQuery(this).addClass("highlight"); 
		}).
		blur(function () { 
			jQuery(this).removeClass("highlight"); 
		})
	
	jQuery("input.inputblur").
		focus(function () {  
			jQuery(this).addClass("inputfocus"); 
		}).
		blur(function () { 
			jQuery(this).removeClass("inputfocus"); 
		})

		

	
	jQuery("input.button, input.Button").
		mouseover(function() {
			jQuery(this).addClass("buttonhover");
		}).
		mouseout(function() {
			jQuery(this).removeClass("buttonhover");
		});

	/* toggle "you can use these xhtml tags" */
	jQuery("a.xhtmltags").
		click(function(){ 
			jQuery("div.xhtml-tags").slideToggle(300); 
		});

	/* For the Tabbed Widgets plugin: */
	jQuery("ul.tw-nav-list").
		addClass("clearfix");
});
----

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Jesper — Tue, 21 Jul 2009 17:34:26 GMT

Kasper:
Men hvordan finder jeg ud af, hvilket modul der loader den ind i den dynamisk generede index.php?

Flyt alt din javascript, inkl. jQuery tingene ud i filer i stedet for inline. Altså:

<script type="text/javascript" src="min_javascript.js"></script>

så kan du prøve at slå til og fra.

// Jesper

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Rasmus Hoeks — Tue, 21 Jul 2009 17:31:10 GMT

Kasper:
/* IE5.5+ PNG Alpha Fix v2.0 Alpha: Background Tiling Support
(c) 2008 Angus Turnbull http://www.twinhelix.com

This is licensed under the GNU LGPL, version 2.1 or later.
For details, see: http://creativecommons.org/licenses/LGPL/2.1/ */
[...]"

Men hvordan finder jeg ud af, hvilket modul der loader den ind i den dynamisk generede index.php?

Den kode du viser mig der er udkommenteret, dvs. det er noget tekst, som din browser ikke læser som kode. Ud fra den kan jeg ikke give dig meget brugbar respons. Desværre. (udkommenteringen kan du se ved, at der er "/*" foran teksten.

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 17:25:06 GMT

Super svar, Rasmus!

Jeg havde på fornemmelsen, at det var JavaScript, der var problemet, for jeg har prøvet råd 2 -- at søge på fejlmeddelelsen, om er den samme som i linket, du henviser til.

Nu har jeg fundet koden, som ganske rigtigt ligge før <body>-sektionen. Den begynder således:

"<script type="text/javascript">


/* IE5.5+ PNG Alpha Fix v2.0 Alpha: Background Tiling Support
   (c) 2008 Angus Turnbull http://www.twinhelix.com

   This is licensed under the GNU LGPL, version 2.1 or later.
   For details, see: http://creativecommons.org/licenses/LGPL/2.1/  */
[...]"

Men hvordan finder jeg ud af, hvilket modul der loader den ind i den dynamisk generede index.php?


På forhånd tak for hjælpen!

Kasper

Svar: Wordpress loader fint i Firfox men ikke IE -- løsning?

Rasmus Hoeks — Tue, 21 Jul 2009 17:19:39 GMT

Mit umiddelbare bud er, at det er noget Javascript af en art, der forårsager problemet.

Tjek evt. denne side:

http://www.nirmaltv.com/2007/08/08/how-to-fix-internet-explorer-cannot-open-the-internet-site-operation-aborted-error/

Hvis det ikke hjælper, så prøv noget troubleshooting, ved at søge på google efter din fejlmeddelse, og så evt. "wordpress error" bagefter.

Held og lykke med det

Wordpress loader fint i Firfox men ikke IE -- løsning?

Anonymous — Tue, 21 Jul 2009 17:10:06 GMT

Min hobbyblog om gastronomi har jeg lige opgraderet til seneste WP-version,. Det skulle jeg måske ikke have gjort, for nu vil dne ikke loade i Internet Explorer. Firefox fungerer fint.

http://bergholt.net/gastronomi/

Jeg får fejlmeddelelsen:

"cannot open" -- handlingen blev afbrudt.

Jeg har prøvet at slå samtlige plugins fra, men resultatet er det samme.