Difference between revisions of "Template:JSFiddleExample"

From CSE330 Wiki
Jump to navigationJump to search
m
m
Line 1: Line 1:
 
<div style="background-color:#FFE7C6; width:30%; min-width:250px; float:right; padding:5px; border:1px dotted #333; border-radius: 10px;">
 
<div style="background-color:#FFE7C6; width:30%; min-width:250px; float:right; padding:5px; border:1px dotted #333; border-radius: 10px;">
 
<p style="text-align:center; font-size:1.2em;">'''Example: {{{title}}}'''</p>
 
<p style="text-align:center; font-size:1.2em;">'''Example: {{{title}}}'''</p>
{{#if:{{{cse330|}}}
+
<p style="text-align:center; font-size:1.2em;">'''[http://jsfiddle.net/cse330/{{{fiddle_id}}}/ View in JSFiddle]'''</p>
|foo is set to '''{{{variable_foo}}}'''
+
<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/cse330/{{{fiddle_id}}}/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
|foo is ''blank''}}
 
{{#if:{{{cse330|}}}
 
|<p style="text-align:center; font-size:1.2em;">'''[http://jsfiddle.net/cse330/{{{fiddle_id}}}/ View in JSFiddle]'''</p>
 
|<p style="text-align:center; font-size:1.2em;">'''[http://jsfiddle.net/{{{fiddle_id}}}/ View in JSFiddle]'''</p>
 
}}
 
<!--<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/{{{fiddle_id}}}/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>-->
 
 
{{{desc}}}
 
{{{desc}}}
 
</div>
 
</div>

Revision as of 08:24, 25 February 2013

Example: {{{title}}}

View in JSFiddle

<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/cse330/{{{fiddle_id}}}/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe> {{{desc}}}