Javascript takeover

**Rangerbob5** · Rangerbob5, December 10th, 2009 04:10 AM

Alright, so I managed to get the accordian working. And with a Javascript framework called highslide I managed to create a takover or "iframe" popup. All was working fine on a simple html test page. Now when I had to apply it to my actual home page, it doesn't work. It just says it's loading, but never opens anything up.

The page in question is El Corte Inglés: Electrónica, informática, casa, supermercado, moda, desporto, viagens.... I had to put a simple "open browser window" script while I'm looking for the solution, because the campaign had to start today.

I think the problem might be that the page already has too much script on it and that's generating a conflict somewhere along the way. On top of everything, a lot of the script already on the page was used directly from the Spanish version of the site, so I'm not totally sure what all of it does.

Is there a quick and easy solution to create a takeover?

Thanks

**richyrich** · richyrich, December 10th, 2009 05:45 AM

Have you checked the error console in FireFox? Tools -> Error Console.

Gives detailed JS error messages, if there are any.

If I remember rightly, I had an ActiveX warning popup when I tried viewing the test page you uploaded. I had to allow an ActiveX. Don't know if that might be related.

Do you have a test page that is still using just the IFrame popup?

**Rangerbob5** · Rangerbob5, December 10th, 2009 05:49 AM

The test page I posted yesterday still works. The problem isn't activeX in this instance. I actually think it's a conflict of Javascripts. But half the other javascript is written in spanish, so it's harder to understand everything :P

I'll try out the Firefox errors concole

Thanks

**richyrich** · richyrich, December 10th, 2009 05:50 AM

Originally Posted by Rangerbob5

The test page I posted yesterday still works. The problem isn't activeX in this instance. I actually think it's a conflict of Javascripts. But half the other javascript is written in spanish, so it's harder to understand everything :P

I'll try out the Firefox errors concole

Thanks

The only conflict I could think of would be 2 functions with the same name.

Do you have a test page with just the IFrame running?

**Rangerbob5** · Rangerbob5, December 10th, 2009 05:55 AM

This is the link of the test page, with only the iframe popup running:
Untitled Document

And this is the link of only the content:
El Corte Inglés - Passatempo LG

**richyrich** · richyrich, December 10th, 2009 05:59 AM

I mean the page in your original post. Do you have an example of that with just the IFrame? That's what isn't working, is that right?

So, there must be something on that page that is preventing it from working correctly..

**Rangerbob5** · Rangerbob5, December 10th, 2009 06:15 AM

Unfortunately my company has a very complicated system, so I can't give you access to the test server. But basically all I did to the homepage was add the script from that test page, so that it looked something like this:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<meta name="description" content="Grandes armazéns, com espaços de venda em várias áreas, da moda à restauração. Compra online em Supermercado, Club Gourmet, Cartão Presente e Viagens">
		<meta name="keywords" content="supermercado,club,gourmet,armazéns,comércio,electrónico,distribuição,saldos,promoções,online,compra,comprar,venda,viagens,moda,restauração,alimentação">
		<title>El Corte Inglés: Electrónica, informática, casa, supermercado, moda, desporto, viagens...</title>
		<link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="El Corte Inglés">
		<link href="http://www.elcorteingles.es/favicon.ico" rel="shortcut icon">
		<link rel="stylesheet" href="/portada/estilos/estructura.css" media="all">
		<link rel="stylesheet" href="/portada/estilos/cabecera.css" media="all">
		<link rel="stylesheet" href="/portada/estilos/indice.css" media="all">
		<link rel="stylesheet" href="/portada/estilos/contenido.css" media="all">
		<script type='text/javascript' src="/portada/js/x_core.js"></script>
		<script type='text/javascript' src="/portada/js/desplegables.js"></script>
		<script type='text/javascript' src="/portada/js/swfobject.js"></script>
		<script type='text/javascript' src="/guiafacil/include/guiafacilnuevo.js"></script>
		<script type='text/javascript' src="/js/Abrirventana.js"></script>

		<!--[if IE 5.5000]>
			<link rel="stylesheet" href="/portada/estilos/explorer5.css" media="all">
		<![endif]-->
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript" src="http://www.elcorteingles.pt/campanhas/2009_12_passatempo_LG/highslide/highslide-full.js"></script>
<script type="text/javascript" src="http://www.elcorteingles.pt/campanhas/2009_12_passatempo_LG/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="http://www.elcorteingles.pt/campanhas/2009_12_passatempo_LG/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://www.elcorteingles.pt/campanhas/2009_12_passatempo_LG/highslide/highslide-ie6.css" />
<![endif]-->

<script type="text/javascript">
hs.addEventListener(window, "load", function() {
   hs.htmlExpand(null, {
      src: 'http://www.elcorteingles.pt/campanhas/2009_12_passatempo_LG/2009_12_LG_form.asp', objectType: 'iframe', 
	  width: '700', headingText: 'Passatempo LG e El Corte Inglés'
   });
});
</script>
        

</head>
<body>
  <!--#include virtual="/portada/cabecera.asp"-->
  <!--#include virtual="/portada/indice.html"-->
	<!--#include virtual="portada1.html"-->
    <!--#include file="portada/pie_general.asp" -->
</div>


</body>
</html>

**richyrich** · richyrich, December 10th, 2009 08:10 AM

And nothing in Firefox Error Console?

**jmurrayhead** · jmurrayhead, December 10th, 2009 08:13 AM

When I click the link in post #1, I see the popup from the link in post #5. This is using IE6. Which browser are you using that seems to cause the issue?

**richyrich** · richyrich, December 10th, 2009 08:16 AM

Yes, it is a popup, but it should be an IFrame popup...Bit like a lightbox...

See this thread Javascript Accordian Help

Thread: Javascript takeover

LinkBack

Thread Tools

Display

Javascript takeover

Similar Threads

Javascript Accordian Help

Javascript frameworks?

javascript problem

JavaScript Tutorial

Bookmarks

Bookmarks

Posting Permissions