The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Topic Prefix:

5 posters

Go down

Solved Topic Prefix:

Post by Mati Tue Sep 15, 2015 11:06 am

I search but I didn't find what I'm looking for so here is an image of what I mean.

My forum is PhpBB3

Topic Prefix: Pro10


Last edited by Mati on Mon Sep 21, 2015 10:11 pm; edited 1 time in total
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by SLGray Tue Sep 15, 2015 7:46 pm



Topic Prefix: Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51572
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Tue Sep 15, 2015 8:51 pm

I looked at that and nearly the same but I want to add classes for each value as it looks below.

[Rules]
[Solved]
[Accepted]

Ex: like this with drop-dawn the prefix to show next to topictitle.
Code:
<span class="prefix" style="background:#FF9C47;">Rules</span>
<span class="prefix" style="background:#FF9C47;">Solved</span>
<span class="prefix" style="background:#42B4E6;">Accepted</span>
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Thu Sep 17, 2015 8:13 am

Really need this any one knows how...
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Niko Fri Sep 18, 2015 5:32 pm

Niko
Niko
Helper
Helper

Male Posts : 3304
Reputation : 255
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Sat Sep 19, 2015 9:12 am


I have seen that Niko, and I don't want the prefix to show at "Modify topic title" but in Title of the topic as it shows in the image.
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Mon Sep 21, 2015 7:43 am

BUMP Wink
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Ange Tuteur Mon Sep 21, 2015 10:50 am

Hi @Mati,

Would this tutorial be similar to what you're looking for ?
https://help.forumotion.com/t133869-style-topic-title-keywords
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Mon Sep 21, 2015 11:01 am

Hi @Ange Tuteur

I have seen and used that before but is not what I'm looking for. I want members to use it too like they can choose from the drop-dawn list.
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Beyonder Mon Sep 21, 2015 11:41 am

This seams nice.
Beyonder
Beyonder
Forumember

Male Posts : 726
Reputation : 29
Language : English
Location : Beyond Realm

http://fictionalomniverse.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Ange Tuteur Mon Sep 21, 2015 12:29 pm

For the drop down you can use the following.
Modules > JavaScript codes management > New

Placement : In all the pages
Code:
$(function() {
  // prefixes
  // syntax : 'PREFIX_NAME' : 'ADDITIONAL_ATTRIBUTES'
  var prefix = {
    'Prefix 1' : '',
    'Prefix 2' : '',
    'Prefix 3' : ''
  };

  // check for form and subject existence
  if (document.post && document.post.subject) {
    var select = document.createElement('SELECT'), // create the dropdown
        i;
       
    select.innerHTML = '<option value="none">None</option>'; // default value

    // value change function
    select.onchange = function() {
      var subject = document.post.subject,
          child = this.childNodes,
          i = 0,
          j = child.length,
          opts = '',
          reg;

      if (subject) {
        // setup prefix regex
        for (; i < j; i++) opts += child[i].value + '|';
        reg = RegExp('^(?:' + opts.replace(/[.*+?^${}()[\]\\]/g, "\\$&") + ') ');

        // check and replace prefixes if necessary
        if (reg.test(subject.value)) subject.value = subject.value.replace(reg, this.value == 'none' ? '' : this.value + ' ');
        else subject.value = (this.value == 'none' ? '' : this.value + ' ') + subject.value;
      }
    };

    // put together options
    for (i in prefix) select.innerHTML += '<option value="[' + i + ']" ' + prefix[i] + '>[' + i + ']</option>';
    document.post.subject.parentNode.appendChild(select); // add selection to form body
  }
});
// par ange tuteur

At the top you can define your prefixes + additional attributes in the empty string I left, such as style="(CSS_STRINGS...)", class="(CLASS_STRINGS...)", etc..
Code:
  var prefix = {
    'Prefix 1' : '',
    'Prefix 2' : '',
    'Prefix 3' : ''
  };

Just to be clear, to the left of the colon is the prefix name, and to the right is a string for additional attributes if you want to add any. As for the design of the prefixes once posted, the last tutorial I posted should cover that. Wink

If any questions let me know. Smile
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Mon Sep 21, 2015 12:42 pm

That works but how to add classes for each prefix for example
Code:
<div class="prefix1">Prefix 1</div>
<div class="prefix2">Prefix 2</div>
<div class="prefix3">Prefix 3</div>

Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Ange Tuteur Mon Sep 21, 2015 1:12 pm

For after submission you would use this tutorial :
https://help.forumotion.com/t133869-style-topic-title-keywords

For the options in the select drop down you can add the class in the attributes string. For example :
Code:
  var prefix = {
    'Prefix 1' : 'class="prefix_1"',
    'Prefix 2' : 'class="prefix_2"',
    'Prefix 3' : 'class="prefix_3"'
  };
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Mon Sep 21, 2015 1:31 pm

I did that and only change the color on the select drop down, but I wanna change prefix that shows before topictitle if that's possible.
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by Ange Tuteur Mon Sep 21, 2015 2:52 pm

In the input area for the subject, correct ? As far as I know that wouldn't be possible since you can't style specific texts in an input field. Unless of course you were to create a faux-input field where HTML formats.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Topic Prefix:

Post by Mati Mon Sep 21, 2015 9:43 pm

Is okay you can look it now Smile
Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

Solved Re: Topic Prefix:

Post by SLGray Tue Sep 22, 2015 2:16 am

Topic solved and archived


Topic Prefix: Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51572
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum