Modifier feuille de style via javascript
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Modifier feuille de style via javascript
Bonjour à tous,
Je tente de modifier mon css via un js mais je ne trouve pas la solution
Je tente de modifier mon css via un js mais je ne trouve pas la solution
- Code:
$(function()
{
document.getElementById(".button2").css("display:none;") ;
});
Dernière édition par stefou le Mer 25 Juin 2014 - 21:02, édité 1 fois
Re: Modifier feuille de style via javascript
Salut stefou ,
quel genre de boutons veux tu supprimer ?
a++
stefou a écrit:Bonjour à tous,
Je tente de modifier mon css via un js mais je ne trouve pas la solution
- Code:
$(function()
{
document.getElementById(".button2").css("display:none;") ;
});
quel genre de boutons veux tu supprimer ?
a++
Invité- Invité
Re: Modifier feuille de style via javascript
Bonjour Milouze,
En fait c'est une class et non pas un id je crois que avec ce code je pouvais chercher longtemps
J'ai ajouté (dans un template) un bouton (.button12) qui doit apparaître sur un seul topic.
Pour le moment il apparaît dans tous les topics, donc la solution est de créer en js une condition pour le faire apparaître.
Pour la condition pas de souci, mais la fonction je n'arrive pas.
Merci de te pencher sur mon cas
En fait c'est une class et non pas un id je crois que avec ce code je pouvais chercher longtemps
J'ai ajouté (dans un template) un bouton (.button12) qui doit apparaître sur un seul topic.
Pour le moment il apparaît dans tous les topics, donc la solution est de créer en js une condition pour le faire apparaître.
Pour la condition pas de souci, mais la fonction je n'arrive pas.
Merci de te pencher sur mon cas
Re: Modifier feuille de style via javascript
Re,
Tu peux le donner le nom du template et le code complet stp .
Et l'endroit ou se trouve ce dernier .
a++
- Code:
J'ai ajouté (dans un template) un bouton (.button12) qui doit apparaître sur un seul topic.
Tu peux le donner le nom du template et le code complet stp .
Et l'endroit ou se trouve ce dernier .
a++
Invité- Invité
Re: Modifier feuille de style via javascript
Il s'agit du template posting_body
Le but est de me servir de l’option "brouillon" pour créer un bloc notes perso (non public) pour les membres afin qu'ils puisse noter des infos tel que par exemple date du prochain vermifuge, date pour traitement, ou tout autres mémo utile à notre hobby.
J'ai donc ouvert un sous forum invisible accessible par un lien qui leur permet de ce poster un brouillon sans qu'ils sachent que c'est un brouillon ca deviens compliqué comme explication passons les détails...
Voici la partie du template modifier
Voici le template complet
ce bouton est en display none dans mon css.
Donc à la condition d'être sur la page http://discussansfrontieres.forumgratuit.fr/post?t=1495&mode=reply le js devra masquer les boutons d'origine (prévisualiser, brouillon, envoyer) et faire apparaitre mon bouton12
Le but est de me servir de l’option "brouillon" pour créer un bloc notes perso (non public) pour les membres afin qu'ils puisse noter des infos tel que par exemple date du prochain vermifuge, date pour traitement, ou tout autres mémo utile à notre hobby.
J'ai donc ouvert un sous forum invisible accessible par un lien qui leur permet de ce poster un brouillon sans qu'ils sachent que c'est un brouillon ca deviens compliqué comme explication passons les détails...
Voici la partie du template modifier
- Code:
<input class="button12" type="submit" name="draft" value="Sauvegarder dans Bloc note" tabindex="9" accesskey="m" />
Voici le template complet
- Code:
<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<!-- BEGIN switch_head -->
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<!-- END switch_head -->
<div class="pathname-box">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC} » ;<strong>{L_NEW_OR_EDIT_POST}</strong>
</p>
</div>
{ERROR_BOX}
<form action="{S_POST_ACTION}" method="post" name="post" enctype="multipart/form-data">
<h1 class="page-title">{L_POST_A}</h1>
{POST_PREVIEW_BOX}
<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
<span class="corners-top"><span></span></span>
<div class="h3"> {L_FORUM_RULES}</div>
<div class="clear"></div>
<table class="postbody">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules content">
{RULE_MSG}
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->
<!-- BEGIN switch_quote_limit -->
<div class="post row2">
<div class="inner">
<span class="corners-top"><span></span></span>
<br />
<p class="center" style="color:red">{switch_quote_limit.L_QUOTE_LIMIT_WARNING}</p>
<br />
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END switch_quote_limit -->
<div class="panel" id="postingbox">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN switch_post_a -->
<div class="h3">{L_POST_A}</div>
<!-- END switch_post_a -->
<fieldset class="fields1" style="min-width: inherit;">
<!-- BEGIN switch_username_select -->
<dl>
<dt><label>{L_USERNAME}</label></dt>
<dd><input class="inputbox" type="text" name="username" maxlength="25" value="{USER&#8288;NAME}" /></dd>
</dl>
<!-- END switch_username_select -->
<!-- BEGIN switch_reasons -->
<dl>
<dt><label>{L_REASON}</label></dt>
<dd>{REASON_NEW}</dd>
</dl>
<!-- END switch_reasons -->
<!-- BEGIN switch_privmsg -->
<dl>
<dt><label>{L_USERNAME}</label></dt>
<dd>
<!-- BEGIN switch_username -->
<input class="inputbox" style="width:15%;margin:1px 0" type="text" name="username[]" value="{switch_privmsg.switch_username.USERNAME}" /><br />
<!-- END switch_username -->
<input class="inputbox" style="width:15%;margin:1px 0" type="text" id="username" name="username[]" value="{USER&#8288;NAME}" tabindex="1" />
<img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" style="vertical-align:middle" alt="" />
<input class="button2" type="button" id="find_user" value="{L_FIND_USERNAME}" />
</dd>
</dl>
<!-- BEGIN switch_privmsg_friend -->
<dl>
<dt><label>{switch_privmsg.switch_privmsg_friend.L_OR_FRIEND}</label></dt>
<dd>{switch_privmsg.switch_privmsg_friend.FRIEND_PM}</dd>
</dl>
<!-- END switch_privmsg_friend -->
<!-- BEGIN switch_privmsg_group -->
<dl>
<dt><label>{switch_privmsg.switch_privmsg_group.L_OR_GROUP}</label></dt>
<dd>{switch_privmsg.switch_privmsg_group.MASS_PM}</dd>
</dl>
<!-- END switch_privmsg_group -->
<!-- END switch_privmsg -->
<!-- BEGIN switch_icon_checkbox -->
<dl>
<dt><label>{L_ICON_TITLE}</label></dt>
<dd>
<!-- BEGIN row -->
<!-- BEGIN cell -->
<label><input type="radio" name="post_icon" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" /> <span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span></label>
<!-- END cell -->
<!-- END row -->
</dd>
</dl>
<!-- END switch_icon_checkbox -->
<!-- BEGIN switch_subject -->
<dl>
<dt><label>{L_SUBJECT}</label></dt>
<dd>
<input class="inputbox medium" type="text" name="subject" value="{SUBJECT}" maxlength="{TOPIC_TITLE_MAXLENGTH}" title="{TOPIC_TITLE_LENGTH_EXPLAIN}" onkeypress="if (event.keyCode==13){return false}" />
<!-- BEGIN switch_subject_color -->
<script type="text/javascript">
//<![CDATA[
input = document.getElementsByName('subject');
//]]>
</script>
<select name="topic_color" onchange="input[0].style.color = topic_color.value" style="margin-left:10px">
{switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_OPTIONS}
</select>
<script type="text/javascript">
//<![CDATA[
input[0].style.color = '{switch_subject.switch_subject_color.TOPIC_TITLE_COLOR_DEFAULT}';
//]]>
</script>
<!-- END switch_subject_color -->
</dd>
</dl>
<!-- END switch_subject -->
<!-- BEGIN switch_description -->
<dl>
<dt><label>{L_DESCRIPTION}</label></dt>
<dd>
<input class="inputbox medium" type="text" name="description" value="{DESCRIPTION}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
</dd>
</dl>
<!-- END switch_description -->
<div id="smiley-box">
<div id="smileyContainer">
{L_SMILIES_PREVIEW_NEW}
</div><br />
{HTML_STATUS}<br />
<a href="/faq?mode=bbcode" target="_blank">{BBCODE_STATUS}</a><br />
{SMILIES_STATUS}
</div>
<div id="message-box">
<div class="left-box"><span id="helpbox" class="helpline"></span></div>
<br />
<div id="textarea_content" style="width:80%;">
<textarea id="text_editor_textarea" name="message">{MESSAGE}</textarea>
</div>
</div>
<!-- BEGIN edit_reason -->
<br />
<dl>
<dt><label><span style="font-size:11px">{edit_reason.L_EDIT_REASON}</span></label></dt>
<dd><input class="inputbox medium" style="width:63%" type="text" name="edit_reason" value="{edit_reason.EDIT_REASON}" maxlength="255" /></dd>
</dl>
<!-- END edit_reason -->
<div class="clear"></div>
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
<div class="panel row2">
<div class="inner">
<span class="corners-top"><span></span></span>
<fieldset class="submit-buttons">
{S_HIDDEN_FORM_FIELDS}
<input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
<!-- BEGIN switch_preview -->
<input class="button2" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />
<!-- END switch_preview -->
<!-- BEGIN switch_draft -->
<input class="button2" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />
<input class="button12" type="submit" name="draft" value="Sauvegarder dans Bloc note" tabindex="9" accesskey="m" />
<!-- END switch_draft -->
<!-- BEGIN switch_publish -->
<input class="button2" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />
<!-- END switch_publish -->
<input class="button1" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
<!-- BEGIN switch_signature -->
<input type="hidden" name="submit" value="{L_SUBMIT}" />
<!-- END switch_signature -->
</fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- BEGIN switch_roll_dice -->
<div class="h3">{ROLL_DICE_TITLE}</div>
<div class="panel row3">
<div class="inner"><span class="corners-top"><span></span></span>
<script type="text/javascript">
function add_dice(dice_number,dice,number) {
var content = document.getElementById('post_dice').innerHTML;
document.getElementById('dice_to_del').innerHTML = '';
document.getElementById('dice_to_del').id = '';
var new_tr = document.createElement('tr');
new_tr.appendChild(document.createElement('td'));
new_tr.firstChild.innerHTML = '{ROLL_DICE_TITLE_LOW} #' + (dice_number + 1) + ' : <select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select> <label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_' + dice_number + '" id="nb_rolls" value="' + number + '" /> <span id="dice_to_del"><a href="javascript:add_dice(' + (dice_number + 1) + ',\'\',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>';
document.getElementById('list_dice').lastChild.appendChild(new_tr);
var select_dice = document.getElementById('post_dice_' + dice_number);
if ( dice == '' ) {
select_dice.selectedIndex=0;
}
for ( var i = 1; select_dice.options[i]; i++ ) {
select_dice.options[i].selected = ( select_dice.options[i].value == dice );
}
}
</script>
<table style="width:100%" id="list_dice"><tr><td>
{ROLL_DICE_TITLE_LOW} #1 :
<select name="post_dice_0" id="post_dice">
<option value="">-</option>
<!-- BEGIN row_replace -->
<option value="{switch_roll_dice.row_replace.DICE_ID}"{switch_roll_dice.row_replace.DICE_SELECTED}>{switch_roll_dice.row_replace.DICE_NAME}</option>
<!-- END row_replace -->
</select>
<label for="nb_rolls">{switch_roll_dice.L_DICE_ROLLS} : </label><input type="text" size="2" maxlength="3" name="nb_rolls_0" id="nb_rolls" value="{switch_roll_dice.S_DICE_ROLLS_VALUE}" />
<span id="dice_to_del"><a href="javascript:add_dice(1,'',1)"><img src="{PATH_IMG_FA}tabs_more.gif" alt="plus" /></a></span>
</td></tr>
</table>
{switch_roll_dice.DICE_SCRIPT}
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END switch_roll_dice -->
<!-- BEGIN switch_attachment_list -->
<div class="h3" id="attachments">{L_ATTACHMENTS}</div>
<div class="panel row3">
<div class="inner"><span class="corners-top"><span></span></span></div>
<fieldset class="fields1" style="min-width: inherit;">
<!-- BEGIN attachments -->
<dl>
<dt><label>{L_ATTACHMENT_FILENAME}</label></dt>
<dd>
<!-- BEGIN switch_is_orphan -->
<span class="gen">{switch_attachment_list.attachments.switch_is_orphan.FILENAME}</span>
<!-- END switch_is_orphan -->
<!-- BEGIN switch_is_not_orphan -->
<a href="{switch_attachment_list.attachments.switch_is_not_orphan.U_ATTACH_URL}" class="gen">{switch_attachment_list.attachments.switch_is_not_orphan.FILENAME}</a>
<!-- END switch_is_not_orphan -->
<input class="liteoption" type="submit" value="{L_ATTACHMENT_DELETE}" name="delete_file[{switch_attachment_list.attachments.ATTACH_POS}]" />
</dd>
</dl>
<dl>
<dt><label for="filecomment{switch_attachment_list.attachments.ATTACH_POS}">{L_ATTACH_COMMENT}</label></dt>
<dd>
<!--textarea name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" cols="35" rows="3" style="color:#000000;width:100%">{switch_attachment_list.attachments.ATTACH_COMMENT}</textarea><br /-->
<input class="inputbox medium" type="text" id="filecomment{switch_attachment_list.attachments.ATTACH_POS}" name="comment_list[{switch_attachment_list.attachments.ATTACH_POS}]" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" maxlength="255" />
<input type="hidden" value="{switch_attachment_list.attachments.ATTACH_ID}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_id]" />
<input type="hidden" value="{switch_attachment_list.attachments.IS_ORPHAN}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][is_orphan]" />
<input type="hidden" value="{switch_attachment_list.attachments.REAL_FILENAME}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][real_filename]" />
<input type="hidden" value="{switch_attachment_list.attachments.ATTACH_COMMENT}" name="attachment_data[{switch_attachment_list.attachments.ATTACH_POS}][attach_comment]" /><br /><br />
</dd>
</dl>
<!-- END attachments -->
</fieldset>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_attachment_list -->
<!-- BEGIN switch_attachment -->
<div class="h3" id="attachment">{L_ATTACHMENT_ADD}</div>
<div class="panel row3">
<div class="inner"><span class="corners-top"><span></span></span></div>
<div id="attachment_show">
<fieldset class="fields1">
{L_ATTACHMENT_ADD_HELP}<br /><span class="info">{EXT_LIST}</span><br /><br />
<dl>
<dt><label>{L_ATTACHMENT_FILENAME}</label></dt>
<dd><input type="file" id="fileupload" name="fileupload" /><input type="submit" name="add_file" /> ({L_MAX_ATT_SIZE})</dd>
</dl>
<dl>
<dt><label>{L_ATTACH_COMMENT}</label></dt>
<dd><input class="inputbox medium" type="text" value="" id="filecomment" name="filecomment" value="" maxlength="255" /></dd>
</dl>
</fieldset>
</div>
<span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_attachment -->
<div class="h3">{L_OPTIONS}</div>
<div class="panel row3">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- BEGIN switch_topic_modif -->
<fieldset class="fields1">
<!-- BEGIN switch_icon_checkbox -->
<dl>
<label>{POST_ICON_TITLE}</label>
<dd>
<!-- BEGIN row -->
<!-- BEGIN cell -->
<label><input type="radio" name="post_icon" value="{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" id="post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}" {switch_topic_modif.switch_icon_checkbox.row.cell.ICON_CHECKED} /> <span onclick="document.forms['post'].post_icon_{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_topic_modif.switch_icon_checkbox.row.cell.ICON_IMG}</span></label>
<!-- END cell -->
<!-- END row -->
</dd>
</dl>
<!-- END switch_icon_checkbox -->
<dl>
<dt><label for="modif_topic_title">{L_TOPIC_TITLE_MODIFY}</label></dt>
<dd>
<input type="text" class="inputbx medium" name="modif_topic_title" id="modif_topic_title" value="{MODIF_TOPIC_TITLE}" maxlength="{TOPIC_DESCRIPTION_MAXLENGTH}" onkeypress="if (event.keyCode==13){return false}" />
<!-- BEGIN switch_topic_button -->
<input type="button" class="button2" value="{L_SOLVED_WITHOUT_BRAKETS}" onclick="set_solved(this.form.elements['modif_topic_title'],'{L_SOLVED}')" style="display:none" id="button_solved" />
<script type="text/javascript">
//<![CDATA[
document.getElementById('button_solved').style.display = 'inline';
//]]>
</script>
<!-- END switch_topic_button -->
</dd>
</dl>
</fieldset>
<hr class="dashed" />
<!-- END switch_topic_modif -->
<fieldset class="fields1">
<!-- BEGIN switch_html_checkbox -->
<label><input type="checkbox" name="disable_html"{S_HTML_CHECKED} /> {L_DISABLE_HTML}</label><br />
<!-- END switch_html_checkbox -->
<!-- BEGIN switch_bbcode_checkbox -->
<label><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} /> {L_DISABLE_BBCODE}</label><br />
<!-- END switch_bbcode_checkbox -->
<!-- BEGIN switch_smilies_checkbox -->
<label><input type="checkbox" name="disable_smilies"{S_SMILIES_CHECKED} /> {L_DISABLE_SMILIES}</label><br />
<!-- END switch_smilies_checkbox -->
<!-- BEGIN switch_signature_checkbox -->
<label><input type="checkbox" name="attach_sig"{S_SIGNATURE_CHECKED} /> {L_ATTACH_SIGNATURE}</label><br />
<!-- END switch_signature_checkbox -->
<!-- BEGIN switch_notify_checkbox -->
<label><input type="checkbox" name="notify"{S_NOTIFY_CHECKED} /> {L_NOTIFY_ON_REPLY}</label><br />
<!-- END switch_notify_checkbox -->
<!-- BEGIN switch_delete_checkbox -->
<label><input type="checkbox" name="delete" /> {L_DELETE_POST}</label><br />
<!-- END switch_delete_checkbox -->
<!-- BEGIN switch_type_toggle -->
<br />{S_TYPE_TOGGLE}
<!-- END switch_type_toggle -->
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- BEGIN switch_type_cal -->
<div class="h3">{L_CALENDAR}</div>
<div class="panel row3">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset>
<dl>
<dt><label>{L_CALENDAR_TITLE} :</label></dt>
<dd>
{S_CALENDAR_DAY} {S_CALENDAR_MONTH} {S_CALENDAR_YEAR}
<a href="javascript:void(0)" style="font-style:normal;font-weight:normal" onclick="document.post.topic_calendar_day.value={TODAY_DAY};document.post.topic_calendar_month.value={TODAY_MONTH};document.post.topic_calendar_year.value={TODAY_YEAR}">{L_TODAY}</a>
</dd>
</dl>
<dl>
<dt><label>{L_TIME} :</label></dt>
<dd>
<input name="topic_calendar_hour" type="text" maxlength="2" value="{CALENDAR_HOUR}" class="inputbox tiny" /> {L_HOURS}
<input name="topic_calendar_min" type="text" maxlength="2" value="{CALENDAR_MIN}" class="inputbox tiny" /> {L_MINUTES}
</dd>
</dl>
<dl>
<dt><label>{L_CALENDAR_DURATION} :</label></dt>
<dd>
<input name="topic_calendar_duration_day" type="text" maxlength="5" value="{CALENDAR_DURATION_DAY}" class="inputbox tiny" /> {L_DAYS}
<input name="topic_calendar_duration_hour" type="text" maxlength="5" value="{CALENDAR_DURATION_HOUR}" class="inputbox tiny" /> {L_HOURS}
<input name="topic_calendar_duration_min" type="text" maxlength="5" value="{CALENDAR_DURATION_MIN}" class="inputbox tiny" /> {L_MINUTES}
<input name="create_event" type="hidden" value="{CREATE_EVENT}" />
<input name="calendar_d" type="hidden" value="{CALENDAR_D}" />
</dd>
</dl>
</fieldset>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_type_cal -->
{POLLBOX}
</form>
<!-- BEGIN switch_jumpbox -->
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false}">
<p class="right">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="button2" type="submit" value="{L_GO}" /></p>
</form>
<!-- END switch_jumpbox -->
{TOPIC_REVIEW_BOX}
<!-- BEGIN switch_privmsg -->
<div id="find_username" class="jqmWindow"></div>
<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<!-- END switch_privmsg -->
<script type="text/javascript">
//<![CDATA[
$(function(){
<!-- BEGIN switch_privmsg -->
privmsg_add_username('{U_SEARCH_USER}', '<br /><input class="inputbox" style="width:15%;margin:1px 0" type="text" name="username[]" />');
<!-- END switch_privmsg -->
<!-- BEGIN switch_image_resize -->
resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} });
<!-- END switch_image_resize -->
});
//]]>
</script>
{SCEDITOR}
ce bouton est en display none dans mon css.
Donc à la condition d'être sur la page http://discussansfrontieres.forumgratuit.fr/post?t=1495&mode=reply le js devra masquer les boutons d'origine (prévisualiser, brouillon, envoyer) et faire apparaitre mon bouton12
Re: Modifier feuille de style via javascript
Bonjour,
Peut-être un script comme ceci :
La première ligne n'exécute le script que si on est sur une page /post ( il me semble que ça suffit ), la deuxième va retirer les boutons avec la classe button2 si on est sur la page ?t=1495&mode=reply et button12 si on est sur une autre page.
Cordialement.
Peut-être un script comme ceci :
- Code:
location.pathname == "/post" && $(function() {
if (location.search == "t=1495&mode=reply") {
$(".button2").remove();
} else {
$(".button12").remove();
}
});
La première ligne n'exécute le script que si on est sur une page /post ( il me semble que ça suffit ), la deuxième va retirer les boutons avec la classe button2 si on est sur la page ?t=1495&mode=reply et button12 si on est sur une autre page.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Modifier feuille de style via javascript
Merci Ea,
il doit y avoir une erreur dans la condition car il ne masque pas le bouton2 et ne fait pas apparaitre le bouton 12
Par contre, il masque bien le bouton 12 partout.
J'ai configurer le js pour "sur toutes les pages"
il doit y avoir une erreur dans la condition car il ne masque pas le bouton2 et ne fait pas apparaitre le bouton 12
Par contre, il masque bien le bouton 12 partout.
J'ai configurer le js pour "sur toutes les pages"
Re: Modifier feuille de style via javascript
Voilà,
Merci EA et Milouze
- Code:
$(function() {
if(document.location.href=="http://discussansfrontieres.forumgratuit.fr/post?t=1495&mode=reply"){
$(".button2").remove();
} else {
$(".button12").remove();
}
});
Merci EA et Milouze
Sujets similaires
» Impossible de modifier la feuille de style
» Modifier la feuille de style pour les smartphones et tablettes
» Modifier le profil: faire un cadre et agrandir feuille de style
» Identification des class concernées par différents éléments pour pouvoir les modifier sur la feuille de style CSS
» Feuille de style CSS Perso
» Modifier la feuille de style pour les smartphones et tablettes
» Modifier le profil: faire un cadre et agrandir feuille de style
» Identification des class concernées par différents éléments pour pouvoir les modifier sur la feuille de style CSS
» Feuille de style CSS Perso
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum