Toggle sidebar
  • Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema Apertura alert

BigBabol95

BigBabol95

Utente Assiduo
Autore del topic
21 Aprile 2011
802
57
Miglior risposta
0
Ciao ragazzi, sto realizzando una pagina, appena entro nella pagina voglio che si vede questo box
83822d1a5969601576621d07032184f2

solo che qella finestra viene aperta tramite un bottone, cé un modo per farla aprire appena entri in Index.html ?
Aspetto risposte, Grazie in anticipo!
 
Riferimento: Apertura alert

Metti i codici per farlo apparire in

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Ovviamente prima dovrai includere il jQuery se non è già incluso e togliere function() { } attorno ai codici per aprire il box.
 
Riferimento: Apertura alert

Kaito ha detto:
Metti i codici per farlo apparire in

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Ovviamente prima dovrai includere il jQuery se non è già incluso e togliere function() { } attorno ai codici per aprire il box.
Clicca per espandere...

Scusa ma credo di non aver capito, questo é il codice potresti sistemarlo tu? Grazie
<!-- Page styles -->
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />

<!-- OSX Style CSS files -->
<link type='text/css' href='css/osx.css' rel='stylesheet' media='screen' />

<!-- JS files are loaded at the bottom of the page -->
</head>
<body>
<div id='container'>
<div id='logo'>
<h1>Simple<span>Modal</span></h1>
<span class='title'>A Modal Dialog Framework Plugin for jQuery</span>
</div>
<div id='content'>
<div id='osx-modal'>
<h3>OSX Style Modal Dialog</h3>
<p>A modal dialog configured to behave like an OSX dialog. Demonstrates the use of the <code>onOpen</code> and <code> onClose</code> callbacks as well as custom styling and a handful of options.</p>
<p>Inspired by <a href="http://okonet.ru/projects/modalbox/">ModalBox</a>, an OSX style dialog built with <a href="http://www.prototypejs.org/ ">prototype</a>.</p>
<input type='button' name='osx' value='Demo' class='osx demo'/> or <a href='#' class='osx'>Demo</a>
</div>

<!-- modal content -->
<div id="osx-modal-content">
<div id="osx-modal-title">OSX Style Modal Dialog</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>
<p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p>
</div>
</div>
</div>
<div id='footer'>
&copy; 2012 Eric Martin | <a href='http://www.ericmmartin.com/'>ericmmartin.com</a> | <a href='http://twitter.com/ericmmartin'>@ericmmartin</a> | <a href='http://twitter.com/simplemodal'>@simplemodal</a>
</div>
</div>
<!-- Load JavaScript files -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/osx.js'></script>
</body>
</html>
Clicca per espandere...
 
Riferimento: Apertura alert

Cerca il file nel quale viene aperto il dialog (credo sia osx.js, dato che jquery.simplemodal contiene tutte le proprietà), trova le funzioni che servono ad aprirlo e mettile in $(function() { });

PS: Come scritto in questo thread:

System32 ha detto:
Inoltre ribadisco, dato che lo dice il Regolamento, che è assolutamente vietato chiedere il codice già bello e pronto
Clicca per espandere...
 
Riferimento: Apertura alert

Kaito ha detto:
Cerca il file nel quale viene aperto il dialog (credo sia osx.js, dato che jquery.simplemodal contiene tutte le proprietà), trova le funzioni che servono ad aprirlo e mettile in $(function() { });

PS: Come scritto in questo thread:
Clicca per espandere...

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

$("#osx-modal-content").modal({
overlayId: 'osx-overlay',
containerId: 'osx-container',
closeHTML: null,
minHeight: 80,
opacity: 65,
position: ['0',],
overlayClose: true,
onOpen: OSX.open,
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);
title.show();
d.container.slideDown('slow', function () {
setTimeout(function () {
var h = $("#osx-modal-data", self.container).height()
+ title.height()
+ 20; // padding
d.container.animate(
{height: h},
200,
function () {
$("div.close", self.container).show();
$("#osx-modal-data", self.container).show();
}
);
}, 300);
});
})
},
close: function (d) {
var self = this; // this = SimpleModal object
d.container.animate(
{top:"-" + (d.container.height() + 20)},
500,
function () {
self.close(); // or $.modal.close();
}
);
}
};

OSX.init();

});
Clicca per espandere...

Il codice é questo, cosa devo mettere in
$(function() { // QUA I CODICI });
Clicca per espandere...
? @Kaito
 
Ultima modifica:
Riferimento: Apertura alert

Prova a mettere:

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

all' interno del tag <script> e dopo aver incluso il jQuery. Se non va, lascia tutti i file come sono, ma modifica osx.js con questi codici:

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
 
Ultima modifica:
Riferimento: Apertura alert

Kaito ha detto:
Prova a mettere:

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

all' interno del tag <script> e dopo aver incluso il jQuery. Se non va, lascia tutti i file come sono, ma modifica osx.js con questi codici:

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Clicca per espandere...

Cortesemente, se riesci puoi darmi il codice gia fatto ? perche non sono molto bravo in queste cose, mi metti ancora di piu in difficolta con queste risposte @Kaito
 
Riferimento: Apertura alert

TI ho già dato il codice fatto =_= Già è tanto dato che come citato sopra, non si dà tutto pronto.
 
Devi accedere o registrarti per rispondere qui.
 
 
Top
Indietro