Mostrar popup al hacer clic en un botón

Codigo para 3 popup

smiley

<!-- Este script recibió de www.disemucho.net -->
<!--INICIO CODIGO-->
<script language="JavaScript" type="text/javascript">
//<![CDATA[
function AlertCC(label, msg)
{
  var cc1 =
    "<TITLE>Window Title<\/TITLE>" +
    "<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" +
        "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+
        "<FONT SIZE=4 FACE=ARIAL>"
 
  var cc2 = "<FONT COLOR='FF0000'><B>"+label+"<\/B><\/FONT><BR><P>"

  var cc3 =   
    "<\/TD><TD WIDTH=10%> <\/TD><\/TR><TR><TD> <\/TD>"+
    "<TD VALIGN=BOTTOM ALIGN=RIGHT>"+
    "<FORM><INPUT TYPE='BUTTON' VALUE='Cerrar Ventana'" +
                   "onClick='self.close()'>"  +
    "<\/FORM><\/TD><\/TR><\/TABLE><\/BODY>"

 
  popup = window.open("","popDialog","height=280,width=400,scrollbars=no")
  popup.document.write(cc1+cc2+msg+cc3)
  popup.document.close()
}

function ccalert1()
{
  AlertCC('Alerta 1', 'Este script le permitirá colocar información sobre su producto o tema de su elección.')
}
function ccalert2()
{
  AlertCC('Alerta 2', 'Este script le permitirá colocar información sobre su producto o tema de su elección.')
}
function ccalert3()
{
  AlertCC('Alert 3', 'Este script le permitirá colocar información sobre su producto o tema de su elección.')
}
function ccalert4()
{
  AlertCC('Alerta 4', 'Este script le permitirá colocar información sobre su producto o tema de su elección.')
}
//]]>
</script>
<center>
    <form>
        <input type="button" value="[ Alerta 1]" onclick="ccalert1()" />
    </form>
</center>

<center>
    <form>
        <input type="button" value="[ Alerta 2 ]" onclick="ccalert2()" />
    </form>
</center>

<center>
    <form>
        <input type="button" value="[ Alerta 3]" onclick="ccalert3()" />
    </form>
</center>

<center>
    <form>
        <input type="button" value="[ Alerta 4 ]" onclick="ccalert4()" />
    </form>
</center>

Codigo para 1 popup

smiley

<!-- Este script recibió de www.disemucho.net -->
<!--INICIO CODIGO-->
<script language="JavaScript" type="text/javascript">
//<![CDATA[
function AlertCC(label, msg)
{
  var cc1 =
    "<TITLE>Window Title<\/TITLE>" +
    "<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" +
        "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+
        "<FONT SIZE=4 FACE=ARIAL>"
 
  var cc2 = "<FONT COLOR='FF0000'><B>"+label+"<\/B><\/FONT><BR><P>"

  var cc3 =  
    "<\/TD><TD WIDTH=10%> <\/TD><\/TR><TR><TD> <\/TD>"+
    "<TD VALIGN=BOTTOM ALIGN=RIGHT>"+
    "<FORM><INPUT TYPE='BUTTON' VALUE='Cerrar Ventana'" +
                   "onClick='self.close()'>"  +
    "<\/FORM><\/TD><\/TR><\/TABLE><\/BODY>"

 
  popup = window.open("","popDialog","height=280,width=400,scrollbars=no")
  popup.document.write(cc1+cc2+msg+cc3)
  popup.document.close()
}

function ccalert1()
{
  AlertCC('Alerta 1', 'Este script le permitirá colocar información sobre su producto o tema de su elección.')
}


//]]>
</script>
<center>
    <form>
        <input type="button" value="[ Alerta 1]" onclick="ccalert1()" />
    </form>
</center>

¿Como pego este codigo en jimdo?

Este codigo javascritp es exelente, para detallar lo que desees.

 

Comentarios: 8
  • #8

    estacionmix (domingo, 12 octubre 2014 21:41)

    Hola como estan espero bien, bueno estoy buscando algún código similar para que se abra un player ya se video de youtube o musica mp3 pero que abra en un popup cada elemento player yo que se puede pero aun para jimdo no encontre esto. espero ayuda y visiten mi sitio http://estacionmix.jimdo.com

  • #7

    Mónica Graciela Vargas (domingo, 09 marzo 2014 13:09)

    Hola como estas, me gustaría saber si tambien le puedo agregar una imagen ademas de la descripción

  • #6

    David Ezequiel Monteros Folguera (viernes, 24 enero 2014 18:22)

    y donde lo pongo en mi pagina jimdo para que me ande ?

  • #5

    diralan (miércoles, 06 noviembre 2013 15:09)

    Visita mi pagina

  • #4

    cristian araujo (domingo, 15 septiembre 2013 01:07)

    hola hacer como puedo hacer un enlace a otra pagina con esta venta emergente pequeña

  • #3

    Coro Franciscano (jueves, 02 mayo 2013 10:12)

    hola Paz y bien.
    por favor ayudame....
    he hecho el procedimiento de poner los popup en mi web, pero el problema es que tengo varios, y aunque a cada uno le inserte informacion distinta me sale siempre lo mismo en todo..
    <!--INICIO CODIGO-->
    <script language="JavaScript" type="text/javascript">// <![CDATA[
    function AlertCC(label, msg)
    {
    var cc1 =
    "<TITLE>Metatrone<\/TITLE>" +
    "<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" +
    "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+
    "<FONT SIZE=4 FACE=ARIAL>"

    var cc2 = "<FONT COLOR='FF0000'>"+label+"<\/B><\/FONT><BR><P>"

    var cc3 =
    "<\/TD><TD WIDTH=10%> <\/TD><\/TR><TR><TD> <\/TD>"+
    "<TD VALIGN=BOTTOM ALIGN=RIGHT>"+
    "<FORM><INPUT TYPE='BUTTON' VALUE='Cerrar Ventana'" +
    "onClick='self.close()'>" +
    "<\/FORM><\/TD><\/TR><\/TABLE><\/BODY>"


    popup = window.open("","popDialog","height=375,width=535,scrollbars=yes")
    popup.document.write(cc1+cc2+msg+cc3)
    popup.document.close()
    }

    function ccalert1()
    {
    AlertCC('Metatrone-Con la Esperanza de la Resurrección', '<iframe width="500" height="281" src="http://www.youtube.com/embed/D2OQwmClcY4?&amp;autoplay=1;rel=0" frameborder="0" allowfullscreen><\/iframe>.')
    }
    // ]]></script>
    </p>
    <form>
    <input onclick="ccalert1()" type="button" value="[Ver Video]" />
    </form>
    <p>&nbsp;</p>
    ......................................................................................................................................
    <!--INICIO CODIGO-->
    <script language="JavaScript" type="text/javascript">// <![CDATA[
    function AlertCC(label, msg)
    {
    var cc2 =
    "<TITLE>Padre Jony<\/TITLE>" +
    "<BODY BGCOLOR='FFFFFF'><TABLE BORDER=0><TR>" +
    "<TD WIDTH=90% HEIGHT=90 VALIGN=TOP ALIGN=LEFT>"+
    "<FONT SIZE=4 FACE=ARIAL>"

    var cc2 = "<FONT COLOR='FF0000'>
    "+label+"<\/B><\/FONT><BR><P>"

    var cc3 =
    "<\/TD><TD WIDTH=10%> <\/TD><\/TR><TR><TD> <\/TD>"+
    "<TD VALIGN=BOTTOM ALIGN=RIGHT>"+
    "<FORM><INPUT TYPE='BUTTON' VALUE='Cerrar Ventana'" +
    "onClick='self.close()'>" +
    "<\/FORM><\/TD><\/TR><\/TABLE><\/BODY>"


    popup = window.open("","popDialog","height=375,width=535,scrollbars=yes")
    popup.document.write(cc1+cc2+msg+cc3)
    popup.document.close()
    }

    function ccalert2()
    {
    AlertCC('Padre Jony-Pescador de Hombres', '<iframe width="500" height="375" src="http://www.youtube.com/embed/41-nqNeuY1A?rel=0" frameborder="0" allowfullscreen><\/iframe>')
    }
    // ]]></script>
    <form>
    <input onclick="ccalert2()" type="button" value="[Ver Video]" />
    </form>
    <p>
    <span><br /></span>
    </p>
    <p>&nbsp;</p>

  • #2

    parroquisantamaria2012 (sábado, 08 diciembre 2012 15:35)

    Hola, me gustaría que la persona que contacta deje el correo ele´ctrónico

  • #1

    JrzTD (viernes, 16 noviembre 2012 12:03)

    Primero Gracias, pero tengo una pequeña duda esthela nose si podre pooner codigos html en el popup que se abra gracias ;)

    Visiten mi web!
    http://jrztd.jimdo.com/