Ayuda para integrar AdFly con múltiples botones

jakmm11 · 5 Jun 2015

Encontré este código para poder integra adfly, y funciona bien pero lo que pasa es que cuando integro otro botón mas no funciona, es ejecuta solo en el primero.
Les dejo una demo: A Pen by Captain Anonymous

HTML:

<p class="Boton BtnGreen" align="center">
  <input id="contador" style="width: 300px; height=35px;font-weight: bold; font-size: 16px; margin: 0px; padding: 0px;" onclick="ventanaSecundaria()" type="button" value="Mostrar enlaces" />
</p>
<div style="">
<div id="hide" style="display: none;">
  <div align="center">Mi contenido</div></div></div>

<script>
function ventanaSecundaria(){
 t=12;
 timer=window.setInterval("contador()",1000);
   pop=window.open("http://adf.ly/","ventana1","width=480,height=325,scrollbars=0")
}
function contador(){
  if(pop!=null){
    if(pop.closed){
      alert("No cerrar la ventana y hacer click en Saltar Publicidad");
      clearInterval(timer);
      t='.time.';
      document.getElementById("contador").value="Mostrar enlaces";
      return
    }
    if(pop.frames.length!=3){ 
   t=t-1;
   if(t<=0){
     clearInterval(timer);
 document.getElementById("hide").style.display="";
 t="Enlaces"}document.getElementById("contador").value=t;
 return false
 }}}
</script>

La pregunta es que le falta o que debo modificar para que que funcionen 2 botones ala vez por solo funciona 1 sola y la segunda que integro con este mismo código me abre el primero.
Les dejo una demo: A Pen by Captain Anonymous

megabook · 5 Jun 2015

Pero tu que necesitas hacer? colocar otra empresa, o colocar otro enlace?

Gracias

jakmm11 · 5 Jun 2015

megabook dijo:
Pero tu que necesitas hacer? colocar otra empresa, o colocar otro enlace?

Gracias

Lo que quiero es que dos o mas botones funcionen mira la demo que deje, esa funcion solo funciona para solo un boton

Zarat · 5 Jun 2015

Hola, para un segundo boton tendrías que agregar nuevamente el scrip con nuevas ID de cada elemento Un ejemplo:

Boton 1 (tu codigo)

HTML:

<p class="Boton BtnGreen" align="center">
  <input id="contador" style="width: 300px; height=35px;font-weight: bold; font-size: 16px; margin: 0px; padding: 0px;" onclick="ventanaSecundaria()" type="button" value="Mostrar enlaces" />
</p>
<div style="">
<div id="hide" style="display: none;">
  <div align="center">Mi contenido</div></div></div>

<script>
function ventanaSecundaria(){
 t=12;
 timer=window.setInterval("contador()",1000);
   pop=window.open("http://adf.ly/","ventana1","width=480,height=325,scrollbars=0")
}
function contador(){
  if(pop!=null){
    if(pop.closed){
      alert("No cerrar la ventana y hacer click en Saltar Publicidad");
      clearInterval(timer);
      t='.time.';
      document.getElementById("contador").value="Mostrar enlaces";
      return
    }
    if(pop.frames.length!=3){ 
   t=t-1;
   if(t<=0){
     clearInterval(timer);
 document.getElementById("hide").style.display="";
 t="Enlaces"}document.getElementById("contador").value=t;
 return false
 }}}
</script>

Boton 2 (Función e ID, renombradas)

HTML:

<p class="Boton BtnGreen" align="center">
  <input id="contador2" style="width: 300px; height=35px;font-weight: bold; font-size: 16px; margin: 0px; padding: 0px;" onclick="ventanaSecundaria2()" type="button" value="Mostrar enlaces" />
</p>
<div style="">
<div id="hide2" style="display: none;">
  <div align="center">Mi contenido</div></div></div>

<script>
function ventanaSecundaria2(){
 t=12;
 timer=window.setInterval("contador2()",1000);
   pop=window.open("http://adf.ly/","ventana1","width=480,height=325,scrollbars=0")
}
function contador2(){
  if(pop!=null){
    if(pop.closed){
      alert("No cerrar la ventana y hacer click en Saltar Publicidad");
      clearInterval(timer);
      t='.time.';
      document.getElementById("contador2").value="Mostrar enlaces";
      return
    }
    if(pop.frames.length!=3){ 
   t=t-1;
   if(t<=0){
     clearInterval(timer);
 document.getElementById("hide2").style.display="";
 t="Enlaces"}document.getElementById("contador2").value=t;
 return false
 }}}
</script>

Demo

lombervid · 5 Jun 2015

Los 2 elementos que contienen el contenido oculto tienen el mismo ID (El ID solo debes de asignárselo a 1 solo elemento). Entonces cuando quieres quitarle el display, buscas elemento por ese ID y siempre se va a ver reflejado en el primer elemento con ese ID que encuentre.

Así que, no es que no funcione, si funciona, pero así le des al primer o segundo botón, el efecto se ve reflejado en el primer contenido oculto.
También los 2 botones tienen el mismo ID 😕, por eso el contador también se ve siempre en el primero.

Saludos.

Neto98 · 5 Jun 2015

Cambia Por Class
y tienes que poner por separado cada script en tu body, cada [tu etiqueta]

jakmm11 · 5 Jun 2015

Me pregunto como lo hacven la paginas de descarga que integran mas de botones y solo con un shortcode, [mg]conet[/mg]

lombervid · 5 Jun 2015

jakmm11 dijo:
Me pregunto como lo hacven la paginas de descarga que integran mas de botones y solo con un shortcode, [mg]conet[/mg]

Con clases y una correcta estructura del HTML.

kj2 · 5 Jun 2015

jakmm11 dijo:
Me pregunto como lo hacven la paginas de descarga que integran mas de botones y solo con un shortcode, [mg]conet[/mg]

Yo lo hago enviando el objeto completo por parámetros (el plugin de mi firma), es otra manera.

kj

Ayuda para integrar AdFly con múltiples botones

jakmm11

megabook

jakmm11

Zarat

lombervid

Neto98

jakmm11

lombervid

kj2

Temas similares