<script type="text/javascript">
var TheRealUIContainerPage;
var ProjectLabelText;
if(window.opener){
if(window.opener.name == 'ioActionMenu'){
// smarttree
TheRealUIContainerPage = top.opener.parent.parent.parent.parent.document;
ProjectLabelText = $(TheRealUIContainerPage).find('body #ctl00_ctl00__bodyPlaceHolder__infoMenu_2 .ca_tb_txt').text();
}
}else{
// smartedit
TheRealUIContainerPage = window.parent.document;
ProjectLabelText = $(TheRealUIContainerPage).find('body #ctl00_ctl00_ctl00__bodyPlaceHolder__infoMenu_2 .ca_tb_txt').text();
}
alert(ProjectLabelText);
</script>
This is a solution posted by Tim Davis on https://groups.google.com/forum/#!topic/reddot-cms-users/ImqWdAN4XIY
You want to assign text placeholder content class a server side preexecution variable, but the text placeholder contains double quote, single quote and carriage return, which will cause preexecution error because the resulting code will be like this
Dim MyVar
MyVar = "<%txt_body%>"
'resulting code
'this cause syntax error, cannot have unescape quote inside quote
MyVar = "he says,"hello""
'this cause syntax error, cannot unclosed second line
MyVar = "first line
second line"
What you can do is to use rendertag to escape the text. This method handles, &, ", ', accented character like (á, é, í, ó, ú, ü, ñ, ¿, ¡), and new line carriage return
Dim MyVar MyVar = "<%!! Escape:HtmlEncode(<%txt_body%>) !!%>"
There has been many confusions over when to use a list element or a container element. For Example, I want to have a slider module on my home page.
The flexslider has the following HTML code:
<div class="flexslider" id="myflexslider">
<ul class="slides">
<li>
<img src="slide1.jpg" />
</li>
<li>
<img src="slide2.jpg" />
</li>
<li>
<img src="slide3.jpg" />
</li>
<li>
<img src="slide4.jpg" />
</li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
$('#myflexslider').flexslider();
</script>
Each slide is a page containing a slide image. Then a list placeholder is used to pull in images.
<!-- flexslider content class -->
<!IoRangeRedDotMode>
<div class="alert-reddot <!IoRangeNoEditMode>alert-error<!/IoRangeNoEditMode><!IoRangeRedDotEditOnly>alert-success<!/IoRangeRedDotEditOnly>">
<div><!IoRedDotOpenPage> [<!IoRangeNoEditMode>Open to Edit<!/IoRangeNoEditMode><!IoRangeRedDotEditOnly>Close to Save<!/IoRangeRedDotEditOnly> Page]</div>
<!IoRangeRedDotEditOnly>
<div><!IoRedDot_lst_slides> [Manage Slides]</div>
<!/IoRangeRedDotEditOnly>
</div>
<!/IoRangeRedDotMode>
<div class="flexslider" id="myflexslider">
<ul class="slides">
<!IoRangeList>
<li>
<!-- <%lst_slides%> -->
<!IoRedDot_img_slide><%img_slide%>
</li>
<!/IoRangeList>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
$('#myflexslider').flexslider();
</script>
This is a sub-optimal method because
Each slide is a page containing a slide image. Then a container placeholder is used to contain the pages.
<!-- flexslider content class -->
<!IoRangeRedDotMode>
<div class="alert-reddot <!IoRangeNoEditMode>alert-error<!/IoRangeNoEditMode><!IoRangeRedDotEditOnly>alert-success<!/IoRangeRedDotEditOnly>">
<div><!IoRedDotOpenPage> [<!IoRangeNoEditMode>Open to Edit<!/IoRangeNoEditMode><!IoRangeRedDotEditOnly>Close to Save<!/IoRangeRedDotEditOnly> Page]</div>
<!IoRangeRedDotEditOnly>
<div><!IoRedDot_con_slides> [Manage Slides]</div>
<!/IoRangeRedDotEditOnly>
</div>
<!/IoRangeRedDotMode>
<div class="flexslider" id="myflexslider">
<ul class="slides">
<%con_slides%>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
$('#myflexslider').flexslider();
</script>
<!-- flexslider slide content class -->
<li>
<!IoRedDotOpenPage><!IoRedDot_img_slide><%img_slide%>
</li>
I hope the following blockmark usage examples would help clarify the many blockmarks and associated usages.
<!-- do not need conditional, no output if empty -->
<%stf_teaser%>
<!IoRangeConditional>
<div class="orange">
<%stf_teaser%>
</div>
<!/IoRangeConditional>
<!IoRangeRedDotMode>
<!-- this is shown in SmartEdit, either open or closed
<div class="reddot-area">
<!IoRedDotOpenPage>
<!IoRangeNoEditMode>
<!-- this is shown when this section is closed in SmartEdit -->
<div class="reddot-closed">[Open to Edit]</div>
<!/IoRangeNoEditMode>
<!IoRangeRedDotEditOnly>
<!-- this is shown when this section is open in SmartEdit -->
<div class="reddot-opened">[Close to Edit]</div>
<!/IoRangeRedDotEditOnly>
</div>
<!/IoRangeRedDotMode>
<!--
if you want to produce repeatable HTML with variable content,
and the links go to the DIFFERENT sub folder
<ul>
<li><a href="/products/link1.htm">link 1</a></li>
<li><a href="/news/link2.htm">link 2</a></li>
<li><a href="/about-us/link3.htm">link 3</a></li>
</ul>
-->
<ul>
<!IoRangeDynLink>
<li><%anc_dyn_links%></li>
<!/IoRangeDynLink>
</ul>
<!--
if you want to produce repeatable HTML with variable content,
and the links go to the SAME sub folder
<ul>
<li><a href="/products/link1.htm">link 1</a></li>
<li><a href="/products/link2.htm">link 2</a></li>
<li><a href="/products/link3.htm">link 3</a></li>
</ul>
-->
<ul>
<!IoRangeList>
<li><%lst_links%></li>
<!/IoRangeList>
</ul>
<reddot:cms> <foreach itemname="ArrayItem" object="Escape:Text(Test1,Test2).Split(Escape:Text(,))"> <htmltext> <h2><%!! Store:ArrayItem !!%></h2> </htmltext> </foreach> </reddot:cms>
<he<!IoRangeNoRedDotMode><!/IoRangeNoRedDotMode>ad>
<%!! Navigation:OutputArea(Breadcrumb) !!%>
<!IoRangeBreadCrumb><%anc_breadcrumb%> » <!/IoRangeBreadCrumb> <%hdl_title%>
<!-- <!IoRangeList> <%lst_navigation%> <!/IoRangeList> -->
<!IoRangeList> <!IoRangeNoRedDotMode><!IoRangeRedDotMode><!--<%lst_pages%>--><!/IoRangeRedDotMode><!/IoRangeNoRedDotMode> <li><%!! Context:Pages.GetPage(Guid:<%inf_page_guid%>).GetUrl(Bool:True) !!%></li> <!/IoRangeList>
/** <html><he<!IoRangeNoRedDotMode><!/IoRangeNoRedDotMode>ad></head><body></body></html> **/