Search jQuery

jQuery Forum

Using jQuery

MaxPen

Make a button show if a sentence :contains (password)

in Using jQuery • 7 years ago

My JS;

$(document).ready(function(){
if ($(".wrapfix:contains('password')").length) {
$(".buttonprotectedbox").removeClass("buttonprotectedbox").addClass("showbutton");
} else {
$(".buttonprotectedbox").show();
}
});

My html: (its phpbb)

<div class="wrapfix">
<div class="buttonprotectedbox">
<a title="Password Protected Forum." class="ui-button ui-widget ui-state-default ui-corner-all buttonprotected">Protected</a>
</div>
<br /> <span class="forumdesc">{forumrow.FORUM_DESC}</span>
</div>

My CSS;

.wrapfix {
display: inline;
}
.buttonprotected {
display: none;
}
.wrapfix .showbutton {
display: inline;
}

So the goal is that when {forumrow.FORUM_DESC} contains the word "password" it will show the protected button.

I think I'm close to getting it to work but what am I missing here?

I don't need jquery to scan the whole forum index just the one row of a forum that has the word password in its description.

Replies(29)

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

You should be doing this on the server is php. Not on the client with jQuery.

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

So its not possible with jQuery? I know no php sadly.

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

You run a phpbb, and you don’t know php?

It is not clear what you want the button to do. Just look pretty?

Make a demo of your page in http://jsfiddle.net.

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

I know how it sounds but most people who use phpBB don't know php. That is a known fact.

Most of the people who use it are not coders. I'm no real programmer but more a CSS writer and html tweaker.

Indeed just a fancy button that doesn't do a thing. No function behind it.

I'm pretty sure that is achievable through jquery.

I will make a demo if the info provided above is not enough to understand my goal.

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

The HTML that you shared does not have "password" in it. Unless you mean the title attribute. Which does not work with :contains.

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

Its a template variable that outputs the description of a forum. I copied the template code not the output code found in the browser when using inspect element.

But does it matter? If it does the description used by the forum for which I want the button to show is;

This is a description for the normal forum that requires a password. The password here is “phpbb”.

The description above is outputed by the {forumrow.FORUM_DESC} variable.

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

You want to translate

<span class="forumdesc">
This is a description for the normal forum that requires a password. The password here is “phpbb”.
</span>

inro what?

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

I don't want to translate anything.

Its simple IF in the forum description the word "password" is present make this code show up:

<a title="Password Protected Forum." class="ui-button ui-widget ui-state-default ui-corner-all buttonprotected">Protected</a>

Look at the first post for full html code snippet.

This would show at quick glance the forum is locked. I'll explain to the end user that if he wants this button to show up for a forum that is password protected he only has to have the word password in said forum's description.

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

Translate is computerese for changing something. Do you want your <a> to be inserted, or to replace the the word password? Or the entire <span>?

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

Oh right, sorry my mistake for the misunderstanding. I do not want the <a> to be inserted in the <span>. I just want it to show up at its current position in the template (if the description inside the span contains the word password ofc.) shown in the first post.

(of course the code snippet I showed is not the full template that the template uses to display the forums.

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

jQuery knows nothing about the templates. Just what is on the page, after the templates are applied.

All you can do with jQuery is "translate" some HTML into some other HTML.

JΛ̊KE

watusiware

Re: Make a button show if a sentence :contains (password)

7 years ago

LOL, Jake beat me to it!

jQuery runs in the browser.

Your templates run on your server.

N'er the twain shall meet.

jQuery doesn't know anything about your templates. It works with the HTML that your templates produce and that is sent along in the HTTP response.

You need to write some PHP.

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

Then why if I try this:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_sel_contains

It works?

It means jquery knows what is on the page and you guys are mistaken about me needing to write php to make this work.

Because the output is known to jquery otherwise the above link wouldn't work if I applied it to my theme.

But yes all along I want to translate some HTML to some other HTML.

Regards

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

But yes all along I want to translate some HTML to some other HTML.

Give us an EXACT example.

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

Here is a copy of the forum row in question its page output when the DOM is loaded:

http://pastebin.com/e9D3hEfc

I don't know how more specific I can get to explain what I want to do.

Maybe I can answer your question better if you tell me what you think I want to do?

Then I can correct you. Right now I got no idea of what you think I want to do.

I think you may be confused because of something I've said in a past reply.

Hence why I'm asking for some confirmation of what you know right now that you think I want to archive.

watusiware

Re: Make a button show if a sentence :contains (password)

7 years ago

Don't pastebin. jsFiddle. I can't read that messy pastebin.

Make a minimal and readable example, and leave out everything that is irrelevant to the problem. Then we can try it ourselves, and edit the Fiddle with a proposed solution.

jakecigar

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

It’s easy enough to copy the pastebin into a fiddle. Let’s get to the real issues.

http://jsfiddle.net/jakecigar/6b7f3gL5/

JΛ̊KE

jakecigar

Re: Make a button show if a sentence :contains (password)

7 years ago

That’s a good start. What do you want to change? Where should the <a> go?

JΛ̊KE

MaxPen

Re: Re: Make a button show if a sentence :contains (password)

7 years ago

Here you go lads I made a jsfiddle:

http://jsfiddle.net/g0vrx2ae/

The a can stay put it just needs to come out of hiding. The class buttonprotectedbox that makes it hidden needs to be changed so it shows up when the forum description has the word password.

watusiware

Re: Make a button show if a sentence :contains (password)

7 years ago

Your pastebin does not contain any element with class buttonprotectedbox . The thing you want to change is not present. At least not in the pastebin.

If it did, I don't see any reason why your original code would not work. But you never showed us a complete example, just bits and pieces pasted into the forum posts. The problem could be anywhere.

MaxPen