Modifier feuille de style via javascript

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Modifier feuille de style via javascript

Message par stefou le Mer 25 Juin 2014 - 15:53

Bonjour à tous,

Je tente de modifier mon css via un js mais je ne trouve pas la solution  Crying or Very sad 

Code:
$(function()
{
    document.getElementById(".button2").css("display:none;") ;
});


Dernière édition par stefou le Mer 25 Juin 2014 - 21:02, édité 1 fois

stefou
*****

Masculin
Messages : 899
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier feuille de style via javascript

Message par Milouze14 le Mer 25 Juin 2014 - 19:02

Salut stefou ,

@stefou a écrit:Bonjour à tous,

Je tente de modifier mon css via un js mais je ne trouve pas la solution  Crying or Very sad 

Code:
$(function()
{
    document.getElementById(".button2").css("display:none;") ;
});


quel genre de boutons veux tu supprimer ?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier feuille de style via javascript

Message par stefou le Mer 25 Juin 2014 - 19:18

Bonjour Milouze,
En fait c'est une class et non pas un id je crois que avec ce code je pouvais chercher longtemps  Embarassed 
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  Very Happy 

stefou
*****

Masculin
Messages : 899
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier feuille de style via javascript

Message par Milouze14 le Mer 25 Juin 2014 - 19:21

Re,
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  Wink .
Et l'endroit ou se trouve ce dernier  Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier feuille de style via javascript

Message par stefou le Mer 25 Juin 2014 - 20:10

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  scratch ca deviens compliqué comme explication  Embarassed passons les détails...

Voici la partie du template modifier
Code:
&nbsp;<input class="button12" type="submit" name="draft" value="Sauvegarder dans Bloc note" tabindex="9" accesskey="m" />&nbsp;

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}&nbsp;»&nbsp;;<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">&nbsp;{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&amp;#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&amp;#8288;NAME}" tabindex="1" />&nbsp;
                    <img id="add_username" src="{ADD_USERNAME_IMG}" class="selectHover" style="vertical-align:middle" alt="" />&nbsp;
                    <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}" />&nbsp;<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> &nbsp;
                    <!-- 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" />&nbsp;
                <!-- END switch_preview -->
                <!-- BEGIN switch_draft -->
                &nbsp;<input class="button2" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />&nbsp;
              &nbsp;<input class="button12" type="submit" name="draft" value="Sauvegarder dans Bloc note" tabindex="9" accesskey="m" />&nbsp;
                <!-- END switch_draft -->
                <!-- BEGIN switch_publish -->
                &nbsp;<input class="button2" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
                <!-- END switch_publish -->
                &nbsp;<input class="button1" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
                <!-- BEGIN switch_signature -->
                &nbsp;<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) + ' :&nbsp;<select name="post_dice_' + dice_number + '" id="post_dice_' + dice_number + '" value="' + dice + '">' + content + '</select>&nbsp;<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 + '" />&nbsp;<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 :&nbsp;
            <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>
            &nbsp;<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}" />
            &nbsp;<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>&nbsp;&nbsp;
                    <!-- 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>&nbsp;&nbsp;
                    <!-- 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} />&nbsp;<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 -->
                    &nbsp;<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} />&nbsp;{L_DISABLE_HTML}</label><br />
            <!-- END switch_html_checkbox -->

            <!-- BEGIN switch_bbcode_checkbox -->
            <label><input type="checkbox" name="disable_bbcode"{S_BBCODE_CHECKED} />&nbsp;{L_DISABLE_BBCODE}</label><br />
            <!-- END switch_bbcode_checkbox -->

            <!-- BEGIN switch_smilies_checkbox -->
            <label><input type="checkbox" name="disable_smilies"{S_SMILIES_CHECKED} />&nbsp;{L_DISABLE_SMILIES}</label><br />
            <!-- END switch_smilies_checkbox -->

            <!-- BEGIN switch_signature_checkbox -->
            <label><input type="checkbox" name="attach_sig"{S_SIGNATURE_CHECKED} />&nbsp;{L_ATTACH_SIGNATURE}</label><br />
            <!-- END switch_signature_checkbox -->

            <!-- BEGIN switch_notify_checkbox -->
            <label><input type="checkbox" name="notify"{S_NOTIFY_CHECKED} />&nbsp;{L_NOTIFY_ON_REPLY}</label><br />
            <!-- END switch_notify_checkbox -->

            <!-- BEGIN switch_delete_checkbox -->
            <label><input type="checkbox" name="delete" />&nbsp;{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" />&nbsp;{L_HOURS}&nbsp;&nbsp;
                <input name="topic_calendar_min" type="text" maxlength="2" value="{CALENDAR_MIN}" class="inputbox tiny" />&nbsp;{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" />&nbsp;{L_DAYS}&nbsp;&nbsp;
                <input name="topic_calendar_duration_hour" type="text" maxlength="5" value="{CALENDAR_DURATION_HOUR}" class="inputbox tiny" />&nbsp;{L_HOURS}&nbsp;&nbsp;
                <input name="topic_calendar_duration_min" type="text" maxlength="5" value="{CALENDAR_DURATION_MIN}" class="inputbox tiny" />&nbsp;{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}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<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}
Le bouton créer sert à poster dans la partie brouillon.
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

stefou
*****

Masculin
Messages : 899
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modifier feuille de style via javascript

Message par Ea le Mer 25 Juin 2014 - 20:20

Bonjour,


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
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier feuille de style via javascript

Message par stefou le Mer 25 Juin 2014 - 20:40

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"

stefou
*****

Masculin
Messages : 899
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier feuille de style via javascript

Message par stefou le Mer 25 Juin 2014 - 20:53

Voilà,
Code:
$(function() {
          if(document.location.href=="http://discussansfrontieres.forumgratuit.fr/post?t=1495&mode=reply"){
            $(".button2").remove();
          } else {
            $(".button12").remove();
          }
        });
Celui ci fonctionne  thumleft 
Merci EA et Milouze

stefou
*****

Masculin
Messages : 899
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum