[jquery] prettyphoto ed apertura link

**rinosan_76bis** · 19-01-2011, 17:40

Salve a tutti... uso JQUERY e prettyphoto e funziona egregiamente tutto... solo una cosa non capisco perchè
Uso in una pagina il codice per visualizzare un DIV nascosto con prettyphoto. In questo div ci sono altri link che dovrebbero chiudere il div appena aperto ed aprirne un altro con un iframe sta volta.
Il problema è che non viene rilevato l'evento sul link del DIV nascosto. Neanche mi fa un semplice alert.
Voi sapete come si fa?

**rinosan_76bis** · 19-01-2011, 17:48

includo un codice di prova... il risultado dovrebbe essere che se clicco su nuovo apro il DIV, e poi se clicco su FORM (immagine che voi non vedete) dovrei vedere la pagina di google in un prettyphoto/iframe

Codice PHP:


<!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" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta name="author" content="Gennaro Sannino"/>

<meta name="copyright" content="AKKAttp snc" />

<meta name="robots" content="{$robots}" />

<meta name="DC.language" content="ita-eng" scheme="RFC1766" />

<meta name="description" content="Prova paragrafo con foto" />

<meta name="keywords" content="Prova paragrafo con foto" />

<title>Prova form in php</title>

<link rel="stylesheet" type="text/css" href="../librerie_ext/jquery/css/jquery-ui-1.8.1.custom.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie_ext/jquery/css/prettyCheckboxes.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie_ext/jquery/css/imgareaselect-default.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie_ext/jquery/css/colorpicker.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie_ext/jquery/css/prettyPhoto.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/fissi.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/liste.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/tabelle.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/paragrafi.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/menu.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/form.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/generico_admin.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie/css/tema_admin.css" media="all" /><link rel="stylesheet" type="text/css" href="../librerie_ext/jquery/css/tipsy.css" media="all" /><script src="../librerie/js/variabili_generali.js" type="text/javascript"></script><script src="../librerie/js/lib_function.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery-1.4.3.min.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.usermode.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.bind.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/prettyCheckboxes.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.ui.datepicker-it.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/timepicker.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.imgareaselect.pack.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/colorpicker.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/colorpicker_eye.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/colorpicker_utils.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.prettyPhoto.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.corner.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/jquery.tipsy.js" type="text/javascript"></script><script src="../librerie_ext/jquery/js/fixedheadertable.js" type="text/javascript"></script>



<script type="text/javascript">

 $(document).ready(function(){

  $("a[rel^='CMD']").prettyPhoto({ theme:'facebook',animationSpeed: 'fast' });

  $("a[rel='AGG_FORM']").click(function(){

   $.prettyPhoto.close();

   alert(1)

  });



 });

</script>



<style type="text/css">

.nascosto{display:none;}



</style>



</head>

<body>

<ul>[*][url="#CMD_NUOVO"]Nuovo[/url] [/list]











<div id="CMD_NUOVO" class="nascosto">

<div class="f_left w30">

<ul class="lista_ico_48">[*]<a href="http://www.google.it" title="Nuovo form" tabindex="10" rel="AGG_FORM" >[img]../librerie/icone_sw/48/ico_form.png[/img]
Form</a> [/list]

</div>





</body>

</html>

**rinosan_76bis** · 20-01-2011, 01:05

Se tolgo la classe "nascosto" al div il link diventa visibile ed il codice se clico sul link viene eseguito, mentre se clicco poi sullo stesso codice, ma visualizzato nel box di prettyPhoto non viene eseguito nulla
Qualcuno sa il motivo?

Discussione: [jquery] prettyphoto ed apertura link

Strumenti discussione

Ricerca discussione

Visualizza

[jquery] prettyphoto ed apertura link

Permessi di invio