Forum Alsacreations : HTML5, CSS3 et Standards Web - Derniers sujets http://forum.alsacreations.com/ bonjour je souhaite adapter mon site aux tablettes et smartphone j'ai de jolie image que je préfèrerais conserver intacte pour les PC, leur largeur est de 850 px, bien sur bonjour

je souhaite adapter mon site aux tablettes et smartphone

j'ai de jolie image que je préfèrerais conserver intacte pour les PC, leur largeur est de 850 px, bien sur ces images passent mal sur les tablettes car il faut slider sur les cotés pour voir leur partie non affichée à l'écran

plutot que d'abandonner mes image adaptées aux écran de PC, je préfère les conserver et en proposer d'autres exprès pour les tablettes qui auront par exemple une largeur de 410 px

je ne souhaite pas diviser par deux la taille des images adpatées aux PC mais proposer des images diférentes plus simples aussi explicite mais avec moins de décoration car ces images sont des shemas explicatif

il ne me semble pas que cela soit possible, mais je pose quand même la question au cas où, en effet il ne me semble pas qu'il y ait de telle ligne de code possible en HTML5 avec les MediaQuerie :

IF Media1 THEN affiche Image1 ELSE affiche Image2

bien sur j'ai shématisé le code sans les acolade parenthèse point virgule ... ni la syntaxe HREF ... c'est juste pour donner une idée

avec CSS3 je vois bien comment comment adapter les DIV selon le media mais il ne me semble pas qu'il soit possible de proposer l'affichage d'une image plutôt que d'une autre selon le media, j'espère me tromper

merci d'avance de vos reponses 2013-05-17T18:50:11+02:00 RR7008 Web Mobile et responsive web design http://forum.alsacreations.com/topic-27-67358-1.html Hello! Après de nombreuses recherches et essais sans grand succès je me suis dit qu'il était temps de venir demander de l'aide! Je souhaite mettre en place ce que j'appelle Hello!

Après de nombreuses recherches et essais sans grand succès je me suis dit qu'il était temps de venir demander de l'aide!

Je souhaite mettre en place ce que j'appelle un "onglet rétractable" sur une image.
J'ai fait un montage vite faite histoire que ce soit plus clair

Onglet fermé

[URL=http://www.hostingpics.net/viewer.php?id=295190exemple][IMG]http://img11.hostingpics.net/pics/295190exemple[/IMG][/URL]

Onglet ouvert

[url=http://www.hostingpics.net/viewer.php?id=822926exemple2.jpg][img]http://img11.hostingpics.net/thumbs/mini_822926exemple2.jpg[/img][/url]


Superposer le texte sur l'image j'ai réussi mais je bloque au niveau de l'animation. Je ne sais pas comment m'y prendre...si une âme charitable peut m'aiguiller et m'indiquer la marche à suivre/quelles fonctions utiliser ça serait cool ! [smile] 2013-05-17T17:50:31+02:00 A-M JavaScript, DOM et API Web HTML5 http://forum.alsacreations.com/topic-5-67357-1.html Bonjour à tous, Je fais appel à vous pour trouver une solution à mon problème. [b]Description[/b]: Je travaille dans une entreprise qui sort chaque mois un magazine papier, Bonjour à tous,

Je fais appel à vous pour trouver une solution à mon problème.

[b]Description[/b]: Je travaille dans une entreprise qui sort chaque mois un magazine papier, ce magazine est disponible également à la lecture en ligne via un pdf stocké sur un site spécialisé dans le stockage en ligne.

Comment feriez-vous pour pouvoir permettre la recherche d'un contenu précis sur plusieurs numéros déjà parus.

Par exemple si j'ai besoin de retrouver un article contenant le mot Cloud, est-il possible de savoir dans quel magazine il apparait et surtout dans quel page ?

Etant un novice du web j'espère avoir donné assez de détails et je reste disponible pour toutes questions.

Merci à vous. 2013-05-17T17:48:06+02:00 Konoha76 Accessibilité du Web http://forum.alsacreations.com/topic-6-67356-1.html Bonjour à toutes et à tous, Je vous explique mon problème. Dans mon BackOffice, pour ajouter/modifier/supprimer quelque chose, je passe par un Popup écrite en Jquery/CSS. Jusque là, Bonjour à toutes et à tous,

Je vous explique mon problème.
Dans mon BackOffice, pour ajouter/modifier/supprimer quelque chose, je passe par un Popup écrite en Jquery/CSS. Jusque là, aucun problème. Je rencontre mon premier problème lors ce que je veut intégrer (dans la popup) un formulaire avec un DatePicker écrit en Javascript/CSS, le DatePicker s'affiche derriere la Popup et je n'arrive pas à régler ce problème. J'ai cherché à modifier le CSS "position: absolute" et rien n'y fait...

Je suis débutant en Jquery/CSS (je me débrouille pas mal en PHP mais pour le reste je suis une bille)...

[b]Voiçi le codage de ma popup :[/b]

Partie CSS :
[code=css]<style type="text/css">
/*------------------POPUPS------------------------*/
#fade {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none;
background: #fff;
padding: 20px;
border: 20px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 25%; left: 50%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -55px -55px 0 0;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
</style>[/code]

Partie Jquery :
[code=js]
<script>
$(document).ready(function(){

//When you click on a link with class of poplight and the href starts with a #
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size

//Pull Query & Variables from href URL
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value

//Fade in the Popup and add close button
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://bluestar-investment.com/OB/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

//Fade in Background
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer

return false;
});


//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove();
}); //fade them both out

return false;
});


});

</script>[/code]

Voici le codage de mon DatePicker (pas très joli mais très utile) :

Partie CSS :
[code=css]<style type="text/css">
.ds_box {
background-color: #FFF;
border: 1px solid #000;
position: absolute;
z-index: 32767;
}

.ds_tbl {
background-color: #FFF;
}

.ds_head {
background-color: #333;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}

.ds_subhead {
background-color: #CCC;
color: #000;
font-size: 12px;
font-weight: bold;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
width: 32px;
}

.ds_cell {
background-color: #EEE;
color: #000;
font-size: 13px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding: 5px;
cursor: pointer;
}

.ds_cell:hover {
background-color: #F3F3F3;
}
</style>[/code]

Partie JavaScript (ce code s'ajoute après <body>) :
[code=js]<table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
<tr><td id="ds_calclass">
</td></tr>
</table>

<script type="text/javascript">
var ds_i_date = new Date();
ds_c_month = ds_i_date.getMonth() + 1;
ds_c_year = ds_i_date.getFullYear();
function ds_getel(id) {
return document.getElementById(id);
}
function ds_getleft(el) {
var tmp = el.offsetLeft;
el = el.offsetParent
while(el) {
tmp += el.offsetLeft;
el = el.offsetParent;
}
return tmp;
}
function ds_gettop(el) {
var tmp = el.offsetTop;
el = el.offsetParent
while(el) {
tmp += el.offsetTop;
el = el.offsetParent;
}
return tmp;
}
var ds_oe = ds_getel('ds_calclass');
var ds_ce = ds_getel('ds_conclass');
var ds_ob = '';
function ds_ob_clean() {
ds_ob = '';
}
function ds_ob_flush() {
ds_oe.innerHTML = ds_ob;
ds_ob_clean();
}
function ds_echo(t) {
ds_ob += t;
}
var ds_element; // Text Element...
var ds_monthnames = [
'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'
]; // You can translate it for your language.
var ds_daynames = [
'Dim', 'Lun', 'Mar', 'Me', 'Jeu', 'Ven', 'Sam'
]; // You can translate it for your language.
function ds_template_main_above(t) {
return '<table cellpadding="3" cellspacing="1" class="ds_tbl">'
+ '<tr>'
+ '<td class="ds_head" style="cursor: pointer" onclick="ds_py();"><button class="btn btn-primary"><i class="icon-fast-backward"></i></button></td>'
+ '<td class="ds_head" style="cursor: pointer" onclick="ds_pm();"><button class="btn btn-primary"><i class="icon-chevron-left"></i></button></td>'
+ '<td class="ds_head" style="cursor: pointer" onclick="ds_hi();" colspan="3"><button class="btn btn-danger">Fermer</button></td>'
+ '<td class="ds_head" style="cursor: pointer" onclick="ds_nm();"><button class="btn btn-primary"><i class="icon-chevron-right"></i></button></td>'
+ '<td class="ds_head" style="cursor: pointer" onclick="ds_ny();"><button class="btn btn-primary"><i class="icon-fast-forward"></i></button></td>'
+ '</tr>'
+ '<tr>'
+ '<td colspan="7" class="ds_head">' + t + '</td>'
+ '</tr>'
+ '<tr>';
}
function ds_template_day_row(t) {
return '<td class="ds_subhead">' + t + '</td>';
}
function ds_template_new_week() {
return '</tr><tr>';
}
function ds_template_blank_cell(colspan) {
return '<td colspan="' + colspan + '"></td>'
}
function ds_template_day(d, m, y) {
return '<td class="ds_cell" onclick="ds_onclick(' + d + ',' + m + ',' + y + ')">' + d + '</td>';
}
function ds_template_main_below() {
return '</tr>'
+ '</table>';
}
function ds_draw_calendar(m, y) {
ds_ob_clean();
ds_echo (ds_template_main_above(ds_monthnames[m - 1] + ' ' + y));
for (i = 0; i < 7; i ++) {
ds_echo (ds_template_day_row(ds_daynames[i]));
}
var ds_dc_date = new Date();
ds_dc_date.setMonth(m - 1);
ds_dc_date.setFullYear(y);
ds_dc_date.setDate(1);
if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12) {
days = 31;
} else if (m == 4 || m == 6 || m == 9 || m == 11) {
days = 30;
} else {
days = (y % 4 == 0) ? 29 : 28;
}
var first_day = ds_dc_date.getDay();
var first_loop = 1;
ds_echo (ds_template_new_week());
if (first_day != 0) {
ds_echo (ds_template_blank_cell(first_day));
}
var j = first_day;
for (i = 0; i < days; i ++) {
if (j == 0 && !first_loop) {
ds_echo (ds_template_new_week());
}
ds_echo (ds_template_day(i + 1, m, y));
first_loop = 0;
j ++;
j %= 7;
}
ds_echo (ds_template_main_below());
ds_ob_flush();
ds_ce.scrollIntoView();
}
function ds_sh(t) {
ds_element = t;
var ds_sh_date = new Date();
ds_c_month = ds_sh_date.getMonth() + 1;
ds_c_year = ds_sh_date.getFullYear();
ds_draw_calendar(ds_c_month, ds_c_year);
ds_ce.style.display = '';
the_left = ds_getleft(t);
the_top = ds_gettop(t) + t.offsetHeight;
ds_ce.style.left = the_left + 'px';
ds_ce.style.top = the_top + 'px';
ds_ce.scrollIntoView();
}
function ds_hi() {
ds_ce.style.display = 'none';
}
function ds_nm() {
ds_c_month ++;
if (ds_c_month > 12) {
ds_c_month = 1;
ds_c_year++;
}
ds_draw_calendar(ds_c_month, ds_c_year);
}
function ds_pm() {
ds_c_month = ds_c_month - 1; // Can't use dash-dash here, it will make the page invalid.
if (ds_c_month < 1) {
ds_c_month = 12;
ds_c_year = ds_c_year - 1; // Can't use dash-dash here, it will make the page invalid.
}
ds_draw_calendar(ds_c_month, ds_c_year);
}
function ds_ny() {
ds_c_year++;
ds_draw_calendar(ds_c_month, ds_c_year);
}
function ds_py() {
ds_c_year = ds_c_year - 1; // Can't use dash-dash here, it will make the page invalid.
ds_draw_calendar(ds_c_month, ds_c_year);
}
function ds_format_date(d, m, y) {
m2 = '00' + m;
m2 = m2.substr(m2.length - 2);
d2 = '00' + d;
d2 = d2.substr(d2.length - 2);
return y + '-' + m2 + '-' + d2;
}
function ds_onclick(d, m, y) {
ds_hi();
if (typeof(ds_element.value) != 'undefined') {
ds_element.value = ds_format_date(d, m, y);
} else if (typeof(ds_element.innerHTML) != 'undefined') {
ds_element.innerHTML = ds_format_date(d, m, y);
} else {
alert (ds_format_date(d, m, y));
}
}
</script>[/code]

Et voici le résultat

AVANT (dans la popup lors ce que je clique sur le formulaire pour ouvr le datepicker :
[img]http://bluestar-investment.com/avant.jpg[/img]

APRES (quand je ferme la popup :
[img]http://bluestar-investment.com/apres.jpg[/img][/i] 2013-05-17T16:40:21+02:00 mikz92 CSS et mise en forme, CSS3 http://forum.alsacreations.com/topic-4-67355-1.html Bonjour, un vrai soucis : Je mets en place une refonte de site pour client avec menu déroulant type megamenu. Tout se passe bien jusqu'à tests avant finalisation : mon client voit son sous menu Bonjour,
un vrai soucis : Je mets en place une refonte de site pour client avec menu déroulant type megamenu. Tout se passe bien jusqu'à tests avant finalisation : mon client voit son sous menu décrocher sans cesse. www.qualivox.com/2013/index.php. J'ai beau utiliser firebug, je ne vois pas de raison pour laquelle mon sous menu s'affiche correctement puis disparait des que l'on essaye d'aller dessus.
Le menu déroulant fonctionne parfaitement bien sur mes machines (testé sous FF, safari Mac et FF, ie8 sous win XP). Je dois donc travailler en aveugle sur un modèle qui fonctionne (mais pas partout apparemment).
Y aurait-il l'un d'entre nous capable de detecter le soucis.
Merci d'avance.
[biggol] 2013-05-17T16:37:59+02:00 fabvincent CSS et mise en forme, CSS3 http://forum.alsacreations.com/topic-4-67354-1.html Salut a tous, Merci de prendre du temps à lire mon sujet. Je fais actuellement une application android/java et je cherche à réaliser une zone de dessin pour que l'utilisateur Salut a tous,

Merci de prendre du temps à lire mon sujet.

Je fais actuellement une application android/java et je cherche à réaliser une zone de dessin pour que l'utilisateur dépose sa signature.

Je m’explique, il existe des zone de texte basique pour rentrer du texte, moi je recherche une zone de dessein avec simplement un trait noir qui suive notre doigt. Rien de compliquer dans la conception mais dès que je m'interresse a Canvas ou autre lib graphics, ça parle que de grahic dans le sens camember/histogramme/ajout de rond sur ma page... my god, je cherche juste à ce que l'utilisateur pose son doigt sur l'écran, dessine sa signature et que le dessein suive le doigt...

J’espère avoir été clair [decu] Merci d'avance pour ceux qui m'aideront. 2013-05-17T15:38:26+02:00 JuseN Web Mobile et responsive web design http://forum.alsacreations.com/topic-27-67353-1.html Encore moi! Donc voilà, j'essaie de monter ma bdd pour le nouveau. Le truc c'est que je gère 2 site, chaqu'un sur un hébergeur différent, mais qui sont sur le même serveur, ce qui me permet Encore moi!

Donc voilà, j'essaie de monter ma bdd pour le nouveau. Le truc c'est que je gère 2 site, chaqu'un sur un hébergeur différent, mais qui sont sur le même serveur, ce qui me permet de mettre mes bdd touts au même endroit. Jusque-là pas de problème, j'arrive à en faire l'affichage.

Sauf que!
Bon je crée une série de formulaire pour entrer des éléments dans la BDD, mais pour le deuxième site ça ne fonctionne pas. Ça me renvoie un message "INSERT command denied to user 'ggteleco_79'@'localhost' for table 'photos_produits'". J'utilise pourtant la même config pour pour l'affichage et ça fonctionne...


En début de page j'ai ceci comme j'ai toujours:[code]include('../config2.php');
$requete = mysql_connect($dbhost,$dbuser,$dbpasswd) or die("3 - ".mysql_error());
$requete = mysql_select_db($dbname) or die("4 - ".mysql_error());
mysql_query("SET NAMES 'utf8'");[/code]

Et plus loin mon code de formulaire:[code=php]<form action="photos_ajout.php" method="post" name="form" id="form">
<fieldset>
<legend class="gradient-gray">Ajouter une nouvelle photos</legend>
<?php
if (!empty($_POST['ajouter'])){
$produits = $_POST['produits'];
$photo = $_POST['photo'];
$installation1 = $_POST['installation1'];
$installation2 = $_POST['installation2'];
$lien = $_POST['lien'];

$insert = 'INSERT INTO photos_produits(id_produits, lien, photo, installation1, installation2) VALUES("'.$produits.'","'.$lien.'","'.$photo.'","'.$installation1.'","'.$installation2.'")';
$result = mysql_query($insert) or die("25 - ".mysql_error());
echo '<ul class="alert">
<li><span>Produits:</span> '.$produits.'</li>
<li><span>Photo:</span> <img src="/images/'.$lien.'/'.$photo.'.png width="100px" alt"'.$produits.'" /></li>
<li><span>Installation 1:</span> <img src="/images/'.$lien.'/'.$installation1.'.png width="100px" alt"'.$produits.'" /></li>
<li><span>Installation 2:</span> <img src="/images/'.$lien.'/'.$installation2.'.png width="100px" alt"'.$produits.'" /></li>
</ul>';
}
?>
<p><label for="produits">Produits:&nbsp;</label>
<select name="produits" id="produits">
<option selected="selected">--produits--</option>
<?php
$select = mysql_query('SELECT id,produits FROM produits ORDER BY produits') or die("38 - ".mysql_error());
while ($data = mysql_fetch_array($select)){
?>
<option value="<?php echo $data['id'] ?>"><?php echo $data['produits'] ?></option>
<?php
}
?>
</select></p>
<p>
<label for="photo">Photo:&nbsp;</label>
<input name="photo" id="photo" type="text" size="25" />
</p>
<p>
<label for="installation1">Installation 1:&nbsp;</label>
<input name="installation1" id="installation1" type="text" size="25" />
</p>
<p>
<label for="installation2">Installation 2:&nbsp;</label>
<input name="installation2" id="installation2" type="text" size="25" />
</p>
<p>
<label for="lien">Lien:&nbsp;</label>
<input name="lien" id="lien" type="text" size="25" />
</p>
<p><label></label>
<input name="ajouter" type="submit" value="Ajouter" /></p>
</fieldset>
</form>[/code] 2013-05-17T15:18:08+02:00 juliesunset Développement web côté serveur http://forum.alsacreations.com/topic-20-67352-1.html Bonjour, Si jamais mon titre n'est pas assez clair, je cherche à avoir un comportement au clic de la souris qui persiste suite au clic (contrairement à :active) : http://cdpn.io/zbFpe Bonjour,
Si jamais mon titre n'est pas assez clair, je cherche à avoir un comportement au clic de la souris qui persiste suite au clic (contrairement à :active) :

http://cdpn.io/zbFpe

Est ce possible en CSS uniquement ? 2013-05-17T14:48:48+02:00 osef_ CSS et mise en forme, CSS3 http://forum.alsacreations.com/topic-4-67351-1.html Bonjour, Dans une page j'ai 2 bloc dans lesquels je doit faire affiché une série de produits, mais pas les même. Donc pour l'instant je fais 2 requêtes avec des conditions différente. Bonjour,

Dans une page j'ai 2 bloc dans lesquels je doit faire affiché une série de produits, mais pas les même. Donc pour l'instant je fais 2 requêtes avec des conditions différente.
[code=php]<article>
<h2>Accessoires inlcus: </h2>
<?php
$req = mysql_query(
"SELECT
P.`produits`,
P.`nom`,
I.`lien`,
I.`photo`
FROM `produits` P
LEFT JOIN `photos_produits` I
ON I.`id_produits` = P.`id`
LEFT JOIN `categories` C
ON P.`id_categories` = C.`id`
WHERE P.`etat` = 'actif'
AND P.`type` = 'inclus'
AND P.`kit` != 'sport'
ORDER BY C.`fr`") or die("46 - ".mysql_error());
while ($info = mysql_fetch_assoc($req)){
?>
<div>
<img src="/images/<?php echo $info['lien'].$info['photo']?>.png" width="70" alt="" />
<p><?php echo $info['nom'].'<br>(#'.$info['produits'].')'?></p>
</div>
<?php
}
?>
</article>
<article>
<h2>Accessoires disponible: </h2>
<?php
$req = mysql_query(
"SELECT
P.`produits`,
P.`nom`,
I.`lien`,
I.`photo`
FROM `produits` P
LEFT JOIN `photos_produits` I
ON I.`id_produits` = P.`id`
LEFT JOIN `categories` C
ON P.`id_categories` = C.`id`
WHERE P.`etat` = 'actif'
AND P.`type` != 'inclus'
AND P.`kit` != 'sport'
AND P.`produits` NOT IN ('XCEL HD','XHD-HUNTACC')
ORDER BY C.`fr`") or die("90 - ".mysql_error());
while ($info = mysql_fetch_assoc($req)){
?>
<div>
<img src="/images/<?php echo $info['lien'].$info['photo']?>.png" width="100" alt="" />
<p><?php echo $info['nom'].'<br>(#'.$info['produits'].')'?></p>
</div>
<?php
}
?>
</article>[/code]

Je pense qu'il est possible de faire une seule requête et d'appeler les bon élément à coup de "if", mais je n'arrive pas à la faire...

J'ai tenté ceci, mais ça ne fonctionne pas:
[code]<?php
$req = mysql_query(
"SELECT
P.`produits`,
P.`nom`,
I.`lien`,
I.`photo`
FROM `produits` P
LEFT JOIN `photos_produits` I
ON I.`id_produits` = P.`id`
LEFT JOIN `categories` C
ON P.`id_categories` = C.`id`
WHERE P.`etat` = 'actif'
ORDER BY C.`fr`") or die("46 - ".mysql_error());
if($info['type'] === 'inclus' && $info['kit'] != 'sport'){
?>
<article>
<h2>Accessoires inlcus: </h2>
<?
while ($info = mysql_fetch_assoc($req)){

?>
<div>
<img src="/images/<?php echo $info['lien'].$info['photo']?>.png" width="70" alt="" />
<p><?php echo $info['nom'].'<br>(#'.$info['produits'].')'?></p>
</div>
<?php
}
?>
</article>
<?php
}
if($info['type'] != 'inclus' && $info['kit'] != 'sport'){
?>
<article>
<h2>Accessoires disponible: </h2>
<?php
while ($info = mysql_fetch_assoc($req)){
?>
<div>
<img src="/images/<?php echo $info['lien'].$info['photo']?>.png" width="100" alt="" />
<p><?php echo $info['nom'].'<br>(#'.$info['produits'].')'?></p>
</div>
<?php
}
?>
</article>
<?php
}
?>[/code] 2013-05-17T14:44:07+02:00 juliesunset Développement web côté serveur http://forum.alsacreations.com/topic-20-67350-1.html bonjour a tous j ai beau retourner le code dans tous les sens et n y connaissant rien en javascript je n arrive pas a modifier l element style voir image ci contre j aimerais bonjour a tous

j ai beau retourner le code dans tous les sens et n y connaissant rien en javascript je n arrive pas a modifier l element style voir image ci contre

j aimerais lui affecter la valeur block au lieu de none

je joins les fichiers en css et javascript pour pouvoir m aider (j ai fait des leins car les codes sont long

d avance merci

http://www.hostingpics.net/viewer.php?id=708029ecran3.jpg

fichier css

http://cjoint.com/?CErnjg3Fo6U


fichier gallerificPlus.js

http://cjoint.com/?CErnlvCYR06


jquery-1.3.2.min.js

http://cjoint.com/?CErnmg9heEB




jquery-1.3.2.js

http://cjoint.com/?CErnlV5XIM7



html

http://cjoint.com/?CErnmzaYkyg 2013-05-17T13:28:13+02:00 flexi2202 Questions générales et questions de débutants http://forum.alsacreations.com/topic-1-67349-1.html Bonjour, Je ne sais pas vraiment comment je peux récupérer les données au format Json par la méthode Post. Pour une valeur il faut utiliser $_POST['nomvaleur'], mais avec du Json Bonjour,

Je ne sais pas vraiment comment je peux récupérer les données au format Json par la méthode Post.
Pour une valeur il faut utiliser $_POST['nomvaleur'], mais avec du Json comment fait on pour récupérer la structure Json ?

Merci pour votre aide
drick 2013-05-17T13:26:17+02:00 drick Développement web côté serveur http://forum.alsacreations.com/topic-20-67348-1.html Bonjours , j'aimerais savoir si il est possible qu'une action css modifie un autre élément du code. Par exemple si on a: [code=css] #menu li a:hover{ } Bonjours ,

j'aimerais savoir si il est possible qu'une action css modifie un autre élément du code.

Par exemple si on a:
[code=css]
#menu li a:hover{
}
[/code]

j'aimerais modifier l’élément li qui l'entoure au lieu de modifier l'élément a . 2013-05-17T10:59:01+02:00 LaBiscotte CSS et mise en forme, CSS3 http://forum.alsacreations.com/topic-4-67345-1.html bonjour a tous je m explique j ai installe gallerificPlus et cela fonctionne a merveille ,un des petits bémol est que lorsque on clic sur une image la description s affiche 1 seconde pour bonjour a tous

je m explique j ai installe gallerificPlus et cela fonctionne a merveille ,un des petits bémol est que lorsque on clic sur une image la description s affiche 1 seconde pour ensuite disparaitre
dans un display none
j ai essaye de repérer le display none qui provoque cela et remplacer none par block
mais malheureusement a ce moment c est l icône de chargement loading qui apparait au milieu de l image ...
si quelqu un a une solution
apparemment cela se passe dans le plugin de gallerificPlus et aussi dans celui de jquery.
cela fait plusieurs jours que je cherche mais .....
voici le code de gallerificPlus
https://github.com/coldfumonkeh/gallerificPlus/blob/master/js/gallerificPlus.js#L364

merci des reponses 2013-05-17T05:46:32+02:00 flexi2202 JavaScript, DOM et API Web HTML5 http://forum.alsacreations.com/topic-5-67344-1.html Bonsoir quelqu'un pour m'aider a savoir pourquoi mon code ne parvient pas à inserer ni à update ni à delete merci de prendre la peine de me lire. code inde.php(en html) [code] Bonsoir quelqu'un pour m'aider a savoir pourquoi mon code ne parvient pas à inserer ni à update ni à delete merci de prendre la peine de me lire.

code inde.php(en html)
[code]

<!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>formulaire pour script php/mysql</title>
</head>
<body>
<h1>formulaire pour script php/mysql</h1>

<form method="POST" action="traitementform2.php">
<table border="0">


<tr><td><label for='titre'>Titre:</label></td>
<td><input type='text' name='titre' size='20' /></td></tr>


<tr>
<td><label for='annee'>Année:</label></td>
<td><input type='text' name='annee' size='4' maxlength='4'/></td>
</tr>


<tr><td><label><b>Genres:</b></label></td> </tr><br/>

<tr><td>Comédie :<input type='checkbox' name='genre[]' value='C' /> </td>
<td>Drame :<input type='checkbox' name='genre[]' value='D' /> </td>
<td>Histoire :<input type='checkbox' name='genre[]' value='H' /> </td>
<td>Suspense :<input type='checkbox' name='genre[]' value='S' /> </td>
</tr>



<tr><td><label><b> Pays:</b></label></td> </tr>

<tr>
<td>France :<input type='radio' name='pays' value='FR' checked='1'/></td>
<td>Etats-unis :<input type='radio' name='pays' value='US' /></td>
<td>Allemagne :<input type='radio' name='pays' value='DE' /></td>
<td>Japon :<input type='radio' name='pays' value='JP' /></td>
</tr>

<tr><td><label> Meteur en scène:</label></td> </tr>

<tr>
<td><input type='text' name='nom' size='20' placeholder='Nom'/> </td>
<td><input type='text' name='prenom' size='20' placeholder='Prenom'/></td>
</tr>


<tr><td><label> Année de naissance:</label></td> </tr>

<tr>
<td><input type='text' name='annee_naissance' size='4' maxlength='4' value='2000'/></td>
</tr>


<tr><td><label> Résumé:</label></td> </tr>

<tr>
<td><textarea type='text' name='resume' rows='3' cols='30' placeholder='résumé du film' > </textarea></td>
</tr>

<tr><td><label> Votre action:</label></td> </tr>

<tr>
<td><input type='submit' name='inserer' value='Insérer'/></td>
<td><input type='submit' name='modifier' value='Modifier'/></td>
<td><input type='submit' name='detruire' value='Détruire'/></td>
<td><input type='reset' name='annuler' value='Annuler'/></td>
</tr>

</table >


</body>

</html>



[/code]





traitementform2.php (php)
[code]
<?php
//ici on inclu la page de configuration config.php
require_once("config.php");

//ici on se connecte au serveur
$connexion=mysql_pconnect(SERVEUR,LOGIN,PASS) or die("la connexion au serveur à échoué" );



//ici on se connecte à la base de données
$base=mysql_select_db(BASE,$connexion) or die("la connexion à la base à échoué");




//ici on insiste sur le fait qu'on voudrait toutes nos données encodées en utf
mysql_query("SET NAMES UTF8");
$annee_naissance=mysql_real_escape_string($_POST['annee_naissance']);
$annee=mysql_real_escape_string($_POST['annee']);
$nom=mysql_real_escape_string($_POST['nom']);
$pays=mysql_real_escape_string($_POST['pays']);
$prenom=mysql_real_escape_string($_POST['prenom']);
$resume=mysql_real_escape_string($_POST['resume']);
$titre=mysql_real_escape_string($_POST['titre']);



/*on test les genre choisi l'action à effectuer*/

echo "<hr/><h2> \n";

if(isset($_POST['inserer'])) {echo "Insertion du film $titre éffectuée avec succès.";}

elseif(isset($_POST['modifier'])) {echo "Modification du film $titre effectuée avec succès.";}
elseif(isset($_POST['detruire'])) {echo "Votre demande de destruction du film $titre à été validée.";}



//on test le genre choisi


if(!isset($_POST['genre'])) {$genre=array();}
else{$genre=$_POST['genre'];}

echo "</h2><hr/>";
//affichage des données
echo "Titre: $titre <br/> Année: $annee <br/> Pays: $pays <br/> \n";

//preparation des données pour insertion


$resultat_genre=" "; $separateur= " ";
for($i=0;$i<count($genre);$i++)
{

$resultat_genre .= $genre[$i] .$separateur;
$separateur=",";
}

echo "Genre : $resultat_genre <br/>\n";
echo "Resumé: $resume <br/>\n";
echo "mise en scène par: $nom $prenom <br/>\n";






if(isset($_POST['inserer']))
$requete="INSERT INTO films(titre,annee,nom_realisateur,prenom_realisateur,pays,genre,resume).
VALUES('$titre','$annee ','$nom ','prenom ','$pays ','$resultat_genre ','$resume ')";
elseif(isset($_POST['modifier']))
$requete="UPDATE films SET titre='$titre',annee='$annee ',nom_realisateur='$nom ',pays='$pays ',
genre='$resultat_genre ',resume='$resume ',WHERE titre='$titre'";



elseif(isset($_POST['detruire']))$requete="DELETE films WHERE titre='$titre'";



$resultat_final=mysql_query($requete);

if(isset($resultat_final)){echo'<br/><b style="color:green;">Requete effectuée </b>';}

else{ echo 'une erreur est survenue :'.mysql_error($resultat_final);}


?>







[/code]



cordialement. 2013-05-17T00:34:44+02:00 metoo Développement web côté serveur http://forum.alsacreations.com/topic-20-67343-1.html Bonsoir à tous. Je me présente, kevin lourenco, actuellement titulaire du bac ES. Je voudrais m'orienter dans le secteur de l'informatique mais je rencontre quelques difficultés pour trouver Bonsoir à tous. Je me présente, kevin lourenco, actuellement titulaire du bac ES.

Je voudrais m'orienter dans le secteur de l'informatique mais je rencontre quelques difficultés pour trouver une bonne formation.

J'aimerais savoir ce que vous en pensez en fonction des critères suivants :

- Une formation "gratuite" tels que les bts en alternance ou les dut

- Une formation de qualité dans le secteur réseau c'est à dire la conception de site internet et tout ce qui suit

- Une formation proche de paris, aux alentours si possible du val d'Oise ( en effet j'habite herblay ).

J'ai déjà mené ma petite enquête et une école nommée dans le temps ITIN, et qui aujourd'hui s'appelle ISTECIA m'a paru être une bonne école pour ces raisons : gratuite, alternance rémunéré, formation conception de site /marketing associé au web/pro sécurité, de chez moi 20 minute en voiture.

J'attend vos autres suggestions avec impatience, merci d'avance ! [smile] 2013-05-16T21:34:00+02:00 kevinleader1 Questions générales et questions de débutants http://forum.alsacreations.com/topic-1-67342-1.html Bonsoir, j'ai le code : [code] <iframe style="position:absolute; top:45%; left:20%; height:45%;" src="Docuparts/player.swf?file=demo.flv&autostart=true&controlbar=never&icons=false" Bonsoir,

j'ai le code :
[code]
<iframe
style="position:absolute; top:45%; left:20%; height:45%;"
src="Docuparts/player.swf?file=demo.flv&autostart=true&controlbar=never&icons=false"
></iframe>
[/code]

Comment rendre le fond de l'animation transparent ?

Merci de votre aide. 2013-05-16T20:42:39+02:00 sacapuss_ JavaScript, DOM et API Web HTML5 http://forum.alsacreations.com/topic-5-67341-1.html bonjour, pourquoi ne pas nous donner la possibilité de signaler les liens morts pour par la suite les effacer, tres souvent je lis des topics avec des liens mais ceux ci ne menent nul part. ceci bonjour, pourquoi ne pas nous donner la possibilité de signaler les liens morts pour par la suite les effacer, tres souvent je lis des topics avec des liens mais ceux ci ne menent nul part.
ceci est juste une idée que je propose aux modérateurs.

cordialement 2013-05-16T17:00:13+02:00 lazhar Questions générales et questions de débutants http://forum.alsacreations.com/topic-1-67338-1.html bonjour tous j essaye de modifier un code de gallerificPlus mais je seche je m explique lorsque la lightbox s ouvre il y a la description de l image en dessous , je souhaiterais bonjour tous

j essaye de modifier un code de gallerificPlus mais je seche
je m explique lorsque la lightbox s ouvre il y a la description de l image en dessous , je souhaiterais l avoir en haut et en bas de l image
cela se passe dans ce morceau de code apparemment

f[code=js]unction _set_interface() {
// Apply the HTML markup into body tag
$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="' + defaults.imageLoading + '"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="' + defaults.imageBtnClose + '"></a></div></div></div></div>');
// Get page sizes[/code]


merci de l aide[code=js][/code] 2013-05-16T15:59:23+02:00 flexi2202 JavaScript, DOM et API Web HTML5 http://forum.alsacreations.com/topic-5-67337-1.html Bonjour, J'ai suivi le tuto du site designmodo dispo ici http://designmodo.com/create-css3-mega-menu/ Le menu fontionne à la perfection et me plait esthétiquement. Cela dit Bonjour,

J'ai suivi le tuto du site designmodo dispo ici http://designmodo.com/create-css3-mega-menu/

Le menu fontionne à la perfection et me plait esthétiquement. Cela dit j'aimerai modifier un peu celui-ci pour ne plus avoir le gros sous menu en hover 4 colonnes mais 1 colonne avec des sous sous menus qui apparaîtraient en hover.

Comme je ne sais pas si je m'exprime bien voici un imprime écran du concept de sousousmenu

[url=upload/49844-menu-hover.png][img]previews/49844-menu-hover.png[/img][/url]

Si on applique ca au menu de designmodo dont la démo est ici http://designmodo.com/demo/css3megamenu/
Lorsque l'on survolerait "Pampers diapers" on aurait "huggy diapers" qui apparaîtrait à droite.

Donc voila pourriez vous me dire comment faire ça à partir de ce joli menu ? 2013-05-16T15:58:12+02:00 seoyed CSS et mise en forme, CSS3 http://forum.alsacreations.com/topic-4-67336-1.html Bonjour à tous, Je cherche a faire une home de site qui aurait un header d'une hauteur fixe de même qu'un footer. Pour le corps du site je souhaite que cette div s'adapte à son contenu Bonjour à tous,

Je cherche a faire une home de site qui aurait un header d'une hauteur fixe de même qu'un footer.
Pour le corps du site je souhaite que cette div s'adapte à son contenu (a savoir une galerie d'image 16:9).
Ainsi j'aimerai avoir un header, un footer et l'image la galerie plus grande possible sans scroll bien-sûr.

Quelqu'un a-t-il une idée pour faire cela en css (ou en javascript si c'est plus propre).

Merci d'avance 2013-05-16T15:35:10+02:00 supersankukai CSS et mise en forme, CSS3 http://forum.alsacreations.com/topic-4-67335-1.html