Buongiorno,
non riesco a far funzionare due script importantissimi per il mio sito. L'uno esclude l'altro. Qualcuno può aiutarmi a capire come risolvere? Mi servono entrambi.
Uno è lo script per il filtraggio delle immagini in base al click del menu e l'altro è lo script per la validazione del modulo contatti.
Posto il codice:
non riesco a far funzionare due script importantissimi per il mio sito. L'uno esclude l'altro. Qualcuno può aiutarmi a capire come risolvere? Mi servono entrambi.
Uno è lo script per il filtraggio delle immagini in base al click del menu e l'altro è lo script per la validazione del modulo contatti.
Posto il codice:
HTML:
<!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>
<title>Alessandra de robertis sito web personale — www.aledero.info</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<link type="text/css" rel="stylesheet" href="css/reset.css" />
<link type="text/css" rel="stylesheet" href="css/site.css" />
<link rel="stylesheet" href="css/styles.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.0.6"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.0.6" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=1.0.2" />
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript">
/*
* Button helper. Disable animations, hide close button, change title type and content
*/
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
},
buttons : {}
},
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
}
});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
<!--SCRIPT JQUERY PER IL CONTACT FORM -->
<script src="includes/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
<script src="includes/jquery.form.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.clearfix').ajaxForm({
target: '#error',
success: function() {
$('#error').fadeIn('slow');
}
});
});
</script>
<!--FINE SCRIPT JQUERY PER IL CONTACT FORM -->
</head>
<body>
<div id="main">
<div class="inner">
<h1><a href="" id="logo1" title="">Alessandra de Robertis è front-hand <em>& and back-hand web designer </a></h1>
<ul id="nav">
<li id="star-top"></li>
<li><a href="#about">Chi<span> sono</span></a></li>
<li><a href="#works"><span>Cosa</span> realizzo</a></li>
<li id="star-bot"></li>
</ul>
<blockquote><p>Disegno <em>&</em> sviluppo<br />siti web <em>funzionali, creativi</em> e dettagliati con passione e semplicità, applicando i più importanti principi di usabilità e degli <em> standard</em> del web.</p></blockquote>
<div id="footer"> 2012 © Alessandra de Roberts<br />
<a href="mailto:aledero@aledero.info">aledero@aledero.info</a></div>
</div>
</div>
<div class="page" id="works-page">
<div class="in"><div class="inner clearfix">
<h2>portfolio</h2>
<nav id="filter"></nav>
<section id="container">
<ul id="stage">
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="1_b.jpg"><img src="tmp/tmp1.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="2_b.jpg" alt="allustration" /><img src="tmp/tmp2.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="3_b.jpg" alt="allustration" /><img src="tmp/tmp3.jpg" alt="illustration" /></a></li>
<li data-tags="Grafica"><a class="fancybox-buttons" data-fancybox-group="button" href="4_b.jpg" alt="allustration" /><img src="tmp/tmp4.jpg" alt="illustration" /></a></li>
<li data-tags="Grafica"><a class="opacity" href="#"><img src="tmp/tmp5.jpg" alt="illustration" /></a></li>
<li data-tags="Grafica,Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="26_b.jpg" alt="allustration" /><img src="tmp/tmp6.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="7_b.jpg"><img src="tmp/tmp7.jpg" alt="illustration" /></a></li>
<li data-tags="Grafica"><a class="fancybox-buttons" data-fancybox-group="button" href="8_b.jpg"><img src="tmp/tmp8.jpg" alt="illustration" /></a></li>
<li data-tags="Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="9_b.jpg" alt="allustration" /><img src="tmp/tmp9.jpg" alt="illustration" /></a></li>
<li data-tags="Grafica,Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="10_b.jpg" alt="allustration" /><img src="tmp/tmp10.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="11_b.jpg" alt="allustration" /><img src="tmp/tmp11.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="12_b.jpg" alt="allustration" /><img src="tmp/tmp12.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="13_b.jpg" alt="allustration" /><img src="tmp/tmp13.jpg" alt="illustration" /></a></li>
<li data-tags="Web Design"><a class="fancybox-buttons" data-fancybox-group="button" href="14_b.jpg" alt="allustration" /><img src="tmp/tmp14.jpg" alt="illustration" /></a></li>
<li data-tags="Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="15_b.jpg" alt="allustration" /><img src="tmp/tmp15.jpg" alt="illustration" /></a></li>
<li data-tags="Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="17_b.jpg" alt="allustration" /><img src="tmp/tmp17.jpg" alt="illustration" /></a></li>
<li data-tags="Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="18_b.jpg" alt="allustration" /><img src="tmp/tmp18.jpg" alt="illustration" /></a></li>
<li data-tags="Grafica"><a class="fancybox-buttons" data-fancybox-group="button" href="19_b.jpg" alt="allustration" /><img src="tmp/tmp19.jpg" alt="illustration" /></a></li>
<li data-tags="Illustrazione"><a class="fancybox-buttons" data-fancybox-group="button" href="21_b.jpg" alt="allustration" /><img src="tmp/tmp21.jpg" alt="illustration" /></a></li>
</ul>
</section>
<!--SCRIPT JQUERY PER IL FILTRAGGIO IMMAGINI -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/jquery.quicksand.js"></script>
<script src="js/script.js"></script>
<!--FINE SCRIPT JQUERY PER IL FILTRAGGIO IMMAGINI -->
</div></div>
</div>
<div class="page page-right" id="about-page">
<div class="in"><div class="inner clearfix">
<h2>chi sono</h2>
<img src="img/osvaldas.jpg" alt="Alessandra de Robertis" class="right" />
<p class="noir">Mi chiamo <em class="bianco">Alessandra de Robertis</em> . Ho 37 anni e sono front-end <em>&</em> back-end <em class="bianco">web designer</em>. Sono nata a Moltetta, una bellissima città sul mare della regione Puglia. Dopo aver trascorso 10 anni a Milano mi sono trasferita in Calabria e ora <em class="bianco">vivo</em> a <em class="bianco">Lamezia Terme</em>. A Milano ho studiato <em class="bianco">Graphic Design</em> presso lo IED (Istituto Europeo di Design) , dove ho imparato il <em class="bianco">metodo di progettazione</em> e ho acquisito maggior conoscenza nel campo della grafica e della stampa.</p>
<h2>contatti</h2>
<p class="noir">Puoi <em class="bianco">contattarmi</em> per qualsiasi informazione o richiesta o all'indirizzo mail in fondo alla pagina o <em class="bianco">compilando</em> il seguente <em class="bianco">modulo</em>:</p>
<form method="post" action="submitemail.php" class="clearfix" ;>
<div class="left clearfix">
<input type="text" name="contact-name" class="f-text" />
<input type="text" name="contact-email" class="f-text" />
<div class="f-submit"><input type="submit" name="contact-submit" value="Invia!" /></div>
</div>
<div class="right clearfix">
<textarea name="contact-message"></textarea>
</div>
</form>
<div id="error">
</div>
</div></div>
</div>
</body>
</html>
