box con scrollbar in un pop-up

alessandromonti

Utente Attivo
25 Mar 2012
62
0
0
salve,
all'interno di un pop-up ho inserito un box con scrollbar...questo il codice

Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<!--css scrollbar-->
<link href="malibu-scroller-bar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<link href="malibu-scroller-bar/style-malibu.css" rel="stylesheet" type="text/css" />


<!--css pop-up-->
<link href="pop-up/style.css" rel="stylesheet" type="text/css" />

<!--jquery scrollbar-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="malibu-scroller-bar/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="malibu-scroller-bar/jquery.mousewheel.min.js"></script> 
<!--fine js scroller-->

<!--lo script del pop-up-->
<script type="text/javascript">
$(document).ready(function () {
$("#cliccaqui").click(function(){
$(".messaggio").fadeIn("slow");
$("#nero").css("display", "block");
$("#nero").click(function(){
$("#nero").css("display", "none");
$(".messaggio").fadeOut("slow");
});
$("#chiudi").click(function(){
$("#nero").css("display", "none");
$(".messaggio").fadeOut("slow");
});
});
});
</script> 
</head>

<body>
<div id="contenitore">

<!--link del pop-up-->
<div id="cliccaqui"><a href="#">my blog</a></div>

<!--lo sfondo del pop-up-->
<div id="nero">
</div>

<!--div messaggio: il box del pop-up-->
<div class="messaggio">

<!--struttura scrollbar-->
<div id="mcs_container">
<div class="customScrollBox">
<div class="container">
<div class="content">

<p><a href="#" onclick="LoadNewContent('mcs_container','dynamic_content.html');return false">Load new content dynamically</a></p>
<p>Lorem ipsum etc....etc.....</p>
</div>
</div>
<div class="dragger_container">
<div class="dragger"></div>
</div>
</div>
<a href="#" class="scrollUpBtn"></a> <a href="#" class="scrollDownBtn"></a>
</div>
<img src="pop-up/chiudi.gif" alt="Chiudi il popup" id="chiudi" />
</div><!--fine div messaggio: il box del pop-up-->
</div><!--fine div contenitore-->


<!-- se javascript è disabilitato-->
<noscript>
<style type="text/css">
#mcs_container .customScrollBox{overflow:auto;}
#mcs_container .dragger_container{display:none;}
</style>
</noscript> 


<!--script scrollbar-->
<script>
$(document).load(function() {
mCustomScrollbars();
});
function mCustomScrollbars(){

$("#mcs_container").mCustomScrollbar("vertical",300,"easeOutCirc",1.05,"auto","yes","yes",15);
}
/* function to fix the -10000 pixel limit of jquery.animate */
$.fx.prototype.cur = function(){
if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
return this.elem[ this.prop ];
}
var r = parseFloat( jQuery.css( this.elem, this.prop ) );
return typeof r == 'undefined' ? 0 : r;
}
/* funzione carica nuovi contenuti */
function LoadNewContent(id,file){
$("#"+id+" .customScrollBox .content").load(file,function(){
mCustomScrollbars();
});
}
</script>
<script src="malibu-scroller-bar/jquery.mCustomScrollbar.js"></script> 
<!--fine script scroller-->

</body>
</html>

problema..lo scrollbar non scorre..solo se clicco sul link "Load new content dynamically" lo scrollbar va...dal poco che capisco non riesco a caricare la funzione dello scrollbar all'aprirsi del pop-up....che fare?

grazie
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
I [HTML] Codice box testo con scrollbar sopra immagine HTML e CSS 1
S Problema con scrollbar in box in IE HTML e CSS 0
G Box con testo casuale WordPress 1
moustache text box + post php con IE si comporta in modo strano PHP 15
S [WordPress] Creare una select box con partita iva e codice fiscale in base a una logica. WordPress 0
V problema con codice Facebook Like box Social Media Marketing 0
M box di ricerca con autocompletamento PHP 1
V Problema con la Check-box PHP 6
P box like facebook vuoto con firefox Javascript 0
A [Risolto] Problema con un list box Classic ASP 2
I box con logo con link ad url esterno Joomla 2
C Tabella con box a sinistra con indice titoli del brano che compare nella cella a destra Javascript 13
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
V problemi con Header dopo una message box PHP 13
G Creare automaticamente un box con le novità HTML e CSS 0
Artemisia Jquery gallery con più box testo jQuery 0
M codice JAVASCRIPT per avere box HTML con data-ora Ajax 0
P Box con angoli arrotondati HTML e CSS 1
Z Con FireFox ho i box Più Corti HTML e CSS 0
S Problema con un box HTML e CSS 2
Kea BD Scambio Link con box diversi? Supporto Mr.Webmaster 2
V BOX fatto con tabella HTML da trasformare in XHTML HTML e CSS 6
C text box obbligatorio e con un certo numero di caratteri HTML e CSS 6
J problemi con " combo box" HTML e CSS 6
V Mailchimp - box di testo: cambia da solo il testo inserito Email Marketing 0
M Mailchimp: arrotondare bordi di box testuali Email Marketing 6
Shyson Centrare box css HTML e CSS 2
Z Conteggi BOX per ogni 5 righe PHP 1
F add box top page HTML e CSS 9
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F classic asp popolare combo box javascript Presentati al Forum 1
P Riproduzione avi file in una picture box da file .dll .ocx ed altri in visual basic 10 express Offerte e Richieste di Lavoro e/o Collaborazione 0
spider81man [PHP] Alert Box per confermare Inserimento o Cancellazione dato. PHP 4
B [HTML] Problema main box di un template HTML e CSS 2
A [Javascript] [HTML] RISOLTO...Allungare un box all'apertura della pagina No Mouse over Javascript 9
O [HTML] form box ricerca HTML e CSS 3
felino TV Box Android: consiglio su quale acquistare Discussioni Varie 0
Matteol92 [HTML] Creare social box senza sovrapposizione HTML e CSS 5
S [HTML] Box immagine e testo HTML e CSS 1
F come creare un search box coi file .xml dei merchant? XML 0
S Problema drop-down box PHP 22
felino [CSS][Wordpress] Adattare delle immagini alla dimesione del box contenitore HTML e CSS 2
F Quale privacy policy menzionare in un BOX COMMENTI? Leggi, Normative e Fisco 0
D Creare un box ricerca HTML e CSS 5
G Aiuto su combo box di access MS Access 0
C Problema centraggio box div HTML e CSS 2
O Riempire una box di testo dal centro HTML e CSS 1
Akari Honoka html+css box posizione HTML e CSS 1
M allineare due box(div) affiancati HTML e CSS 19
I Login box HTML e CSS 0

Discussioni simili