generating HTML with javascript that contains php and ifs [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

Want to improve this question? As written, this question is lacking some of the information it needs to be answered. If the author adds details in comments, consider editing them into the question. Once there's sufficient detail to answer, vote to reopen the question.

Closed 9 years ago.

Improve this question

I have a large amount of HTML and CSS which contains some PHP (session based content) this PHP is a must. I need that session information (no cookies wont do).

The html and CSS are standard divs I am looking at this previous question: Is there a best practice for generating html with javascript

which gives me the answer I need, if I was using just HTML and CSS, but what about if I need to use JS if statements to chose what part of the template needs to be different and what if I need to use PHP to do the same?

I am moving my code away from heavy server side scripting and moving as much as I can to front end processing, but the issue is I need to have some PHP and if statements (js if statements) within the $.template

can I use PHP variables in a JS templating system and how do I use JS IF statements within the templating function?

var moo = 1
var T = $.template('<div>This is code, but what is moo?. if(moo == 1){moo was 1..}else{moo was not 1}</div>')

It is unclear what you are asking. You have not provided enough information for anyone to really do anything other than make guesses. Please add more detail to your question — RiggsFolly
– RiggsFolly, Commented Feb 8, 2016 at 10:49
Why not var moo = 1 ? "moo was 1" : "moo was not 1";? Then you can use moo with the right value. Also, you can't use PHP inside a JS file, you have to use a PHP file (which can includes JS). — kosmos
– kosmos, Commented Feb 8, 2016 at 11:37
@kosmos sorry i was trying to say that all the if statments will be javascript. my php is currently working fine... though I am haveing major issues with inserting large amounts of html/CSS into a parent element. — qwertyuiop
– qwertyuiop, Commented Feb 8, 2016 at 12:27

kosmos · Accepted Answer · 2016-02-08 13:28:17Z

1

As I commented, you can declare and check your variables before using it.

Example:

var moo = 2 + 2 == 4 ? "yes moo" : "no moo";
var T = $.template('<div>This is code, but what is moo?. Moo is '+ moo +'</div>');

But if you are working with large data, you should consider to use a string variable and concatenate the new strings as needed:

var str = "<div>";
if( moo == 4 ) str += "moo equals 4";
else str += "moo NOT equals 4";
str += "</div>";

// And when you have your string completed...
var T = $.template(str);

By this way you can concatenate all you need without headaches.

answered Feb 8, 2016 at 13:28

kosmos

4,2881 gold badge21 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

qwertyuiop Over a year ago

yes this is pretty much what I was thinking... on addition to my question though... is there anyway to use JS if statements inside HTML code? <html><body>if(moo = 1): htmlcodehere; difhtmlcode;</body> that are not in JS functions of course... (just an addition to my question)

kosmos Over a year ago

Yes, you can do it using document.write() but only while the document are loading. Once loaded, its use will clear the document. (jsfiddle example). Check MDN docs to complete the information: developer.mozilla.org/en/docs/Web/API/document/write

Collectives™ on Stack Overflow

generating HTML with javascript that contains php and ifs [closed]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related