PHP ou JS
cybersquat
Messages postés
7
Statut
Membre
-
Harricote Messages postés 424 Statut Membre -
Harricote Messages postés 424 Statut Membre -
Bonjour à tous :)
Voila je suis une grosse bille en programmation, mais j'essaie quand même :)
J'aimerai me faire un site perso avec toutes mes recettes et les partager avec ma famille. Cependant j'ai cherché sur beaucoup de site qui propose des scripts php ou js, mais je n'ai pas trouvé mon bonheur.
Voila, j'ai plus de 1000 recettes à mon actif.
J'aurai aimer créer une page (deja en php) jusque l'a pas de problème.
Cependant, sur cette page, j'aurai aimer mettre une mini-photo de la recette, et lorsque nous passons la souris dessus, la photo s'agrandit (avec un lien pour aller sur la page).
Et comme il y a beaucoup de recette, je voulais les diviser par pages. (entrée, plat chaud, froid etc)
Je me suis donc douté qu'il y aurait un .js (genre: /scripts/js/balbalba.js
et un truc dans la page web..
Mais je n'y connais rien lol.
Si vous avez des idées
Merci a tous
Voila je suis une grosse bille en programmation, mais j'essaie quand même :)
J'aimerai me faire un site perso avec toutes mes recettes et les partager avec ma famille. Cependant j'ai cherché sur beaucoup de site qui propose des scripts php ou js, mais je n'ai pas trouvé mon bonheur.
Voila, j'ai plus de 1000 recettes à mon actif.
J'aurai aimer créer une page (deja en php) jusque l'a pas de problème.
Cependant, sur cette page, j'aurai aimer mettre une mini-photo de la recette, et lorsque nous passons la souris dessus, la photo s'agrandit (avec un lien pour aller sur la page).
Et comme il y a beaucoup de recette, je voulais les diviser par pages. (entrée, plat chaud, froid etc)
Je me suis donc douté qu'il y aurait un .js (genre: /scripts/js/balbalba.js
et un truc dans la page web..
Mais je n'y connais rien lol.
Si vous avez des idées
Merci a tous
A voir également:
- PHP ou JS
- Easy php - Télécharger - Divers Web & Internet
- Expert php pinterest - Télécharger - Langages
- Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Photoshop
- Reproduction d'un dessin - Forum Graphisme
- Js arrondir - Forum Javascript
11 réponses
Salut !!
Et oui, il y a du javascript (js) mais juste pour les images !
Sinon, tout est en html !
Exemple pour ta page entree.html :
fais ca pour tes autres pages !!
Et oui, il y a du javascript (js) mais juste pour les images !
Sinon, tout est en html !
Exemple pour ta page entree.html :
<div> Entrée || <a href="plat_chaud.html">Plat chaud</a> || <a href="plat_froid">Plat froid</a> </div> <div> <img src="image1.jpg" width="20px" height="20px" onmouseover="this.width='50px';this.height='50px';" onmouseout="this.width='20px';this.height='20px';" /> <img src="image2.jpg" width="20px" height="20px" onmouseover="this.width='50px';this.height='50px';" onmouseout="this.width='20px';this.height='20px';" /> <img src="image2.jpg" width="20px" height="20px" onmouseover="this.width='50px';this.height='50px';" onmouseout="this.width='20px';this.height='20px';" /> ....... </div>
fais ca pour tes autres pages !!
alors j ai recopier exactement la même chose en positionnant bien entendu les images et les pages.
Mais les images ne s'agrandissent pas bou !!!!
Au contraire elle disparaissent
Mais les images ne s'agrandissent pas bou !!!!
Au contraire elle disparaissent
Remplace les images par :
Et le js est déjà dans le tecte que je viens de te donner (onmouseover et onmouseout sont des fonctions js)
<img src="image1.jpg" width="20px" height="20px" onmouseover="this.style.width='50px';this.style.height='50px';" onmouseout="this.style.width='20px';this.style.height='20px';" /> <img src="image2.jpg" width="20px" height="20px" onmouseover="this.style.width='50px';this.style.height='50px';" onmouseout="this.style.width='20px';this.style.height='20px';" /> <img src="image2.jpg" width="20px" height="20px" onmouseover="this.style.width='50px';this.style.height='50px';" onmouseout="this.style.width='20px';this.style.height='20px';" />
Et le js est déjà dans le tecte que je viens de te donner (onmouseover et onmouseout sont des fonctions js)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
wow enorme ca marche :)
donc en faite pas besoin de .js au si d'apres toi ?
Est ce securitaire cette facon ?
donc en faite pas besoin de .js au si d'apres toi ?
Est ce securitaire cette facon ?
Et bien, si, il faut du js (il y en a dans le code). C'est sécurisé, bien sûr !! Par contre si le visiteur de ton site n'a pas activé le javascript dans son navigateur, l'image ne s'agrandit pas. C'est pourquoi, c'est mieux d'indiquer (sur ta page d'accueil ou autre) que ton site est mieux ergonomique avec l'activation de js.
Et bien, oui (je n'avais pas compris tout à l'heure, excuse-moi ^^), on peut mettre un .js :
dans ton <head></head>, tu mets <script type="text/javascript" src="le_chemin_vers_ton_fichier_javascript.js" />.
Puis tu remplaces ca :
par :
Ton fichier javascript :
pfiou ^^
dans ton <head></head>, tu mets <script type="text/javascript" src="le_chemin_vers_ton_fichier_javascript.js" />.
Puis tu remplaces ca :
<img src="image1.jpg" width="20px" height="20px" onmouseover="this.style.width='50px';this.style.height='50px';" onmouseout="this.style.width='20px';this.style.height='20px';" /> <img src="image2.jpg" width="20px" height="20px" onmouseover="this.style.width='50px';this.style.height='50px';" onmouseout="this.style.width='20px';this.style.height='20px';" /> <img src="image2.jpg" width="20px" height="20px" onmouseover="this.style.width='50px';this.style.height='50px';" onmouseout="this.style.width='20px';this.style.height='20px';" />
par :
<img src="image1.jpg" width="20px" height="20px" onmouseover="survol('1');" onmouseout="enlever('1');" id="image1" />
<img src="image2.jpg" width="20px" height="20px" onmouseover="survol('2');" onmouseout="enlever('2');" id="image2" />
<img src="image3.jpg" width="20px" height="20px" onmouseover="survol('3');" onmouseout="enlever('3');" id="image3" />
Ton fichier javascript :
function survol(param)
{
document.getElementById('image'+param).style.width = '50px';
document.getElementById('image'+param).style.height = '50px';
}
function enlever(param)
{
document.getElementById('image'+param).style.width = '20px';
document.getElementById('image'+param).style.height = '20px';
}
pfiou ^^
