Foros del Web » Programación para mayores de 30 ;) » Java »

Como hacer q mi popup inicie automaticamente al abrir mi web

Estas en el tema de Como hacer q mi popup inicie automaticamente al abrir mi web en el foro de Java en Foros del Web. Como puedo hacer para que el popup q tengo inicie con la web cuando se abra y no con un boton porfavor ayudenme codigo java ...
  #1 (permalink)  
Antiguo 25/10/2011, 07:40
Fecha de Ingreso: octubre-2011
Mensajes: 2
Antigüedad: 12 años, 5 meses
Puntos: 0
Como hacer q mi popup inicie automaticamente al abrir mi web

Como puedo hacer para que el popup q tengo inicie con la web cuando se abra y no con un boton porfavor ayudenme

codigo java jquery

* SimpleModal OSX Style Modal Dialog
* Copyright (c) 2010 Eric Martin -
* Licensed under the MIT license:
* Revision: $Id: osx.js 238 2010-03-11 05:56:57Z emartin24 $

jQuery(function ($) {
var OSX = {
container: null,
init: function () {
$("input.osx, a.osx").click(function (e) {

overlayId: 'osx-overlay',
containerId: 'osx-container',
closeHTML: null,
minHeight: 80,
opacity: 65,
position: ['0',],
overlayClose: true,
onClose: OSX.close

open: function (d) {
var self = this;
self.container = d.container[0];
d.overlay.fadeIn('slow', function () {
$("#osx-modal-content", self.container).show();
var title = $("#osx-modal-title", self.container);;
d.container.slideDown('slow', function () {
setTimeout(function () {
var h = $("#osx-modal-data", self.container).height()
+ title.height()
+ 20; // padding
{height: h},
function () {
$("div.close", self.container).show();
$("#osx-modal-data", self.container).show();
}, 300);
close: function (d) {
var self = this; // this = SimpleModal object
{top:"-" + (d.container.height() + 20)},
function () {
self.close(); // or $.modal.close();



Codigo Html

<link type='text/css' href='' rel='stylesheet' media='screen' />

<!-- OSX Style CSS files -->

type='text/css' href='' rel='stylesheet' media='screen' />

<!-- JS files are loaded at the bottom of

the page -->

<body OnLoad="preventDefault()" >

<p>{{block type="cms/block" block_id="helloslide"}}</p>
<div class="wired-home">
<div class="promo">
<div class="subscribe"><strong>Reg&iacute;strese a nuestro bolet&iacute;n</strong>
<p>Y mant&eacute;ngase informado de nuestras promociones y descuentos, h&aacute;galo ahora !</p>
{{block type="newsletter/subscribe" template="newsletter/subscribe-home.phtml"}}</div>
<div class="promo-right"><a href=""><img class="last" src="{{skin

url='images/media/promo3.jpg'}}" alt="Promotion 3" /></a></div>
<div class="subpromo">
<div class="offers"><a href="#"><img src="{{skin url='images/media/promo6.jpg'}}" alt="Promotion 2" /></a><a href="#"><img src="{{skin

url='images/media/promo7.jpg'}}" alt="Promotion 2" /></a></div>
<div class="brands"><a href="#"><img src="{{skin url='images/media/promo5.jpg'}}" alt="Promotion 2" /></a></div>
<div class="promo-bottom"><a href="#"><img src="{{skin url='images/media/promo4.jpg'}}" alt="Promotion 4" /></a></div>
<div class="featured-social">{{block type="catalog/product_list" category_id="61" template="catalog/product/featured.phtml"}}
<div class="promo-right"><a href="#"><img src="{{skin url='images/media/col_right_callout.jpg'}}" alt="Promotion 2" /></a></div>

<input type='button' name='osx' value='Demo' class='osx demo'/> or <a href='#' class='osx'>Demo</a>

<!-- modal content -->

<div id="osx-modal-content">
<div id="osx-modal-title">BIENVENIDOS A PCD MULTIFORMAS</div>
<div class="close">
<a href="#"class="simplemodal-close">x</a></div>
<div id="osx-modal-data">

<h2>Hello! I'm SimpleModal!</h2> <p>SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal

dialog development. Think of it as a modal dialog framework.</p>
<p>SimpleModal gives you the flexibility to

build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development..</p>

<p>As you can see by this example, SimpleModal can be easily configured to behave like an OSX dialog. With a handful options, 2 custom callbacks

and some styling, you have a visually appealing dialog that is ready to use!</p>

class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p>

<div id='footer'></div>

<!--Load JavaScript files -->
<script type='text/javascript' src=''></script>
<script type='text/javascript'src=''></script>
<script type='text/javascript'src='C:\osx.JS'></script>

oviamente hay mas codigos pero si estoy seguro los principales son estos

espero ayudas

Etiquetas: html+java, javascrept, jquery, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.

La zona horaria es GMT -6. Ahora son las 13:59.