11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je réalise actuellement un thème wordpress. Je suis entrain de faire la page-option.
Mon but est que depuis wordpress l'utilisateur puisse choisir la position du texte entré. Je m'explique:
-1 page d'option
-On peut entrer un texte qui apparaitra sur la home page
-en dessous 3 boutons pour choisir le positionnement du texte (en 1,2 ou 3 colonne)
Vois-ci mon code:

<!-- Your text -->
				<tr valign="top"><th scope="row"><?php _e( 'Your text in the home page', 'new_theme' ); ?></th>
					<td>
						<textarea id="new_theme_options[text_home]" class="large-text" cols="8" rows="15" style="width: 700px;" name="new_theme_options[text_home]"><?php echo esc_textarea( $options['text_home'] ); ?></textarea>
						<label class="description" for="new_theme_options[text_home]"><?php _e( '', 'new_theme' ); ?></label>
					</td>
				</tr>
				<!-- Your text position -->
				<tr valign="top"><th scope="row"><?php _e( 'Text position', 'new_theme' ); ?></th>
					<td>
						<input type="image" id="new_theme_options[text_home_1]" value="<?php echo $options['text_home_1']; ?>" src="<?php bloginfo('template_url'); ?>/images/text-home-1.png"/>
						<input type="image" id="new_theme_options[text_home_2]" value="<?php echo $options['text_home_2']; ?>" src="<?php bloginfo('template_url'); ?>/images/text-home-2.png"/>
						<input type="image" id="new_theme_options[text_home_3]" value="<?php echo $options['text_home_3']; ?>" src="<?php bloginfo('template_url'); ?>/images/text-home-3.png"/>
					</td>
				</tr>




Maintenant les problèmes:
-1 quand on clique sur une image la page s'actualise je suppose que l'on peut empêcher sa en JavaScript. Mais je ne sais pas comment....
-Comment faire pour que lorsque par exemple je choisis de mettre mon texte en 3 colonnes, l'image ai une opacité à 0.5 sans que l'a page s'actualise

Merci de votre aide. Smiley cligne
Modifié par NeepNeep (10 Dec 2011 - 00:37)
Salut,

NeepNeep a écrit :

-1 quand on clique sur une image la page s'actualise je suppose que l'on peut empêcher sa en JavaScript. Mais je ne sais pas comment....


Je ne crois pas.