/trunk/widget/modules/vote/squelettes/vote.tpl.html |
---|
28,38 → 28,36 |
<!-- Javascript : bibliothèques --> |
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> |
<script type="text/Javascript"> |
//<![CDATA[ |
$(document).bind("mobileinit", function(){ |
$.extend( $.mobile , { |
ajaxEnabled: false |
}); |
}); |
//]]> |
</script> |
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> |
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> |
<script type="text/Javascript"> |
//<![CDATA[ |
var g_urlServiceVotes = "<?= $donnees['url_service_votes']; ?>"; |
var g_urlServiceUtilisateurs = "<?= $donnees['url_service_utilisateurs']; ?>"; |
var g_idObservation = "<?= $donnees['id_observation']; ?>"; |
<?= $donnees['votes_js']; ?>; |
//]]> |
</script> |
<!-- attention le script suivant a besoin des variables globales initialisées ci dessous, donc, ne rien utiliser |
avant le document.ready() --> |
<script src="<?=$url_js?>vote.js"></script> |
</head> |
<body> |
<!-- WIDGET:DEL:VOTE - DEBUT --> |
<div data-role="page"> |
<!-- Variables globales à réinjecter à chaque changement de page |
(hors jquery mobile ne recharge pas le contenu du header --> |
<script type="text/Javascript"> |
//<![CDATA[ |
var g_urlServiceVotes = "<?= $donnees['url_service_votes']; ?>"; |
var g_urlServiceUtilisateurs = "<?= $donnees['url_service_utilisateurs']; ?>"; |
var g_idObservation = "<?= $donnees['id_observation']; ?>"; |
<?= $donnees['votes_js']; ?>; |
//]]> |
</script> |
<!-- /navbar --> |
<div data-role="header" data-position="fixed"> |
<div data-role="navbar" > |
<ul> |
<?php if($donnees['urls_navigation']['url_precedent'] != null) { ?> |
<li><a href="<?= $donnees['urls_navigation']['url_precedent']; ?>" class="ui-btn-active">Précédent</a></li> |
<li><a id="url_precedent" href="<?= $donnees['urls_navigation']['url_precedent']; ?>" data-transition="reverse slide">Précédent</a></li> |
<?php } ?> |
<?php if($donnees['urls_navigation']['url_suivant'] != null) { ?> |
<li><a href="<?= $donnees['urls_navigation']['url_suivant']; ?>">Suivant</a></li> |
<li><a id="url_suivant" href="<?= $donnees['urls_navigation']['url_suivant']; ?>" data-transition="slide">Suivant</a></li> |
<?php } ?> |
</ul> |
</div> |
66,13 → 64,15 |
</div> |
<!-- /navbar --> |
<div class="del-vote-contenu"> |
<img id="image_principale" src="<?= str_replace('XL', 'CRS', $donnees['url']); ?>" alt="image" /> |
<div class="conteneur_image_secondaire"> |
<?php $premiere_image = true; ?> |
<?php foreach($donnees['images'] as $image) : ?> |
<img class="image_secondaire <?php if($premiere_image) { echo 'image_active';} ?>" src="<?= str_replace('XL', 'CRX2S', $image['binaire.href']); ?>" alt="image" /> |
<?php $premiere_image = false; ?> |
<?php endforeach ?> |
<div class="images"> |
<img class="image_principale" src="<?= str_replace('XL', 'CRS', $donnees['url']); ?>" alt="image" /> |
<div class="conteneur_image_secondaire"> |
<?php $premiere_image = true; ?> |
<?php foreach($donnees['images'] as $image) : ?> |
<img class="image_secondaire <?php if($premiere_image) { echo 'image_active';} ?>" src="<?= str_replace('XL', 'CRX2S', $image['binaire.href']); ?>" alt="image" /> |
<?php $premiere_image = false; ?> |
<?php endforeach ?> |
</div> |
</div> |
<div class="info_observation"> |
<?= $donnees['titre']; ?> |
100,6 → 100,12 |
</ul> |
</div> |
<div data-role="footer" data-theme="b" data-position="fixed"> |
<div data-role="navbar" > |
<ul> |
<li><a href="">Aide</a></li> |
<li><a href="">Se connecter</a></li> |
</ul> |
</div> |
</div> |
</div> |
<!-- WIDGET:DEL:VOTE - FIN --> |
/trunk/widget/modules/vote/squelettes/aide.tpl.html |
---|
New file |
0,0 → 1,60 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<title>Votez !</title> |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> |
<meta http-equiv="Content-style-type" content="text/css" /> |
<meta http-equiv="Content-script-type" content="text/javascript" /> |
<meta http-equiv="Content-language" content="fr" /> |
<meta name="revisit-after" content="15 days" /> |
<meta name="robots" content="index,follow" /> |
<meta name="author" content="Delphine Cauquil, Aurélien Peronnet" /> |
<meta name="keywords" content="Tela Botanica, photographie, DEL" /> |
<meta name="description" content="Widget de vote sur les dernières images proposées dans DEL" /> |
<!-- Spécial mobile --> |
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> |
<!-- Favicones --> |
<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" /> |
<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" /> |
<!-- Feuilles de styles --> |
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>vote.css" media="screen" /> |
<!-- Javascript : bibliothèques --> |
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> |
<script type="text/Javascript"> |
//<![CDATA[ |
$(document).bind("mobileinit", function(){ |
$.extend( $.mobile , { |
ajaxEnabled: false |
}); |
}); |
//]]> |
</script> |
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> |
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> |
<script src="<?=$url_js?>vote.js"></script> |
</head> |
<body> |
<!-- WIDGET:DEL:VOTE - DEBUT --> |
<div data-role="page"> |
<div class="aide-contenu"> |
</div> |
<div data-role="footer" data-theme="b" data-position="fixed"> |
<div data-role="navbar" > |
<ul> |
<li><a href="">Aide</a></li> |
<li><a href="">Se connecter</a></li> |
</ul> |
</div> |
</div> |
</div> |
<!-- WIDGET:DEL:VOTE - FIN --> |
</body> |
</html> |
/trunk/widget/modules/vote/squelettes/scripts/vote.js |
---|
17,6 → 17,10 |
gererEvenementClicImageSecondaire(); |
}); |
$(document).bind('pageload', function() { |
gererEvenementsClicsVotes(); |
}); |
function getIdUtilisateur() { |
$.getJSON(g_urlServiceUtilisateurs, function(data) { |
g_idUtilisateur = data.id_utilisateur; |
25,6 → 29,7 |
} |
function gererEvenementsClicsVotes() { |
$('.bouton_vote').unbind('click'); |
$('.bouton_vote').click(function(event) { |
boutonClique = $(this); |
voter(getValeurVote()); |
32,17 → 37,16 |
} |
function gererEvenementClicImageSecondaire() { |
$('.image_secondaire').click(function(event) { |
$('.image_secondaire').live('click', function(event) { |
$('.image_secondaire').removeClass('image_active'); |
var urlImageSecondaire = $(this).attr('src'); |
urlImageSecondaireAgrandie = urlImageSecondaire.replace('CRX2S','CRS'); |
var urlImagePrincipale = $('#image_principale').attr('src'); |
var urlImagePrincipale = $('.image_principale').attr('src'); |
urlImagePrincipaleMiniature = urlImagePrincipale.replace('CRS','CRX2S'); |
$(this).addClass('image_active'); |
$('#image_principale').attr('src', urlImageSecondaireAgrandie); |
$('.image_principale').attr('src', urlImageSecondaireAgrandie); |
}); |
} |
/trunk/widget/modules/vote/squelettes/css/vote.css |
---|
46,4 → 46,8 |
padding-bottom: 5px; |
padding-left: 10px; |
padding-top: 5px; |
} |
.images { |
text-align: center; |
} |