How do I use Javascript in content?

outdoorxtreme1 · Post by **outdoorxtreme1** » Wed Jan 10, 2007 6:32 pm

I want to use this line in the content of one of my pages

<__script__ LANGUAGE="Javascript" SRC="uploads/images/neoh2007/NEOHtipsearch.js"></__script>

I tried using the {literal} {/literal} tags around the code like this

Code: Select all

{literal}<__script__ LANGUAGE="Javascript" SRC="uploads/images/neoh2007/NEOHtipsearch.js"></__script>{/literal}

but when I view the source code all I see is

Code: Select all

{literal} {/literal}

and no script line

Ho can I use this line in content for a page?

jmcgin51 · Post by **jmcgin51** » Wed Jan 10, 2007 8:15 pm

paste
{literal}{/literal}
into your source code (HTML view)

when you view the WYSIWYG, you'll just see the {literal}{/literal} tags, but the JS will be there in the source.

outdoorxtreme1 · Post by **outdoorxtreme1** » Fri Jan 12, 2007 7:34 pm

I was able to get it to work but if I go and edit something else in the page content at a later date and submit my scripts are gone. Do I have to re add them every time I submit?

jmcgin51 · Post by **jmcgin51** » Fri Jan 12, 2007 7:52 pm

no, this shouldn't be necessary. CMSMS should treat the Javascript and {literal} tags just like any other text on the page, and shouldn't delete them automatically. What version of CMSMS are you using?

outdoorxtreme1 · Post by **outdoorxtreme1** » Fri Jan 12, 2007 7:55 pm

1.0.2 "Maui"

outdoorxtreme1 · Post by **outdoorxtreme1** » Fri Jan 12, 2007 8:05 pm

I have the following content in my page:

Code: Select all

<br />
<table cellspacing="5" cellpadding="0" width="558" border="0">
    <tbody>
        <tr>
            <td valign="top" width="304">
            <table cellspacing="0" cellpadding="0" border="0">
                <!-- NOTE: START RECREATION INFO -->
                <tbody>
                    <tr>
                        <td width="62"><img style="LEFT: 5px; POSITION: relative" alt="" src="uploads/images/neoh2007/icons_07.gif" /></td>
                        <td valign="top"><img alt="" border="0" src="uploads/images/neoh2007/header_05.gif" /></td>
                    </tr>
                    <tr>
                        <td align="left" colspan="2">
                        <table cellpadding="4" width="290">
                            <tbody>
                                <tr>
                                    <td valign="top"><a class="linksBold" href="/index.php?page=MCLat">ATVing</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLbi">Backpacking</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLmls">Bicycling</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLcm">Camping</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLfh">Fishing</a><br />
                                    <br />
                                    </td>
                                    <td valign="top"><a class="linksBold" href="/index.php?page=MCLfh">Geocaching</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLps">Kayaking</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLcm">Rappelling</a><br />
                                    <a class="linksBold" href="/index.php?page=MCLws">Skiing</a><br />
                                    <a class="linksBold" href="/index.php?page=MCMspi">Special Interests</a><br />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                    <!-- NOTE: END RECREATION INFO -->
                    <tr>
                        <td colspan="2"><hr color="#000066" size="2" />
                        </td>
                    </tr>
                    <!-- NOTE: START PRODUCT REVIEW -->
                    <tr>
                        <td><img alt="" src="uploads/images/neoh2007/icons_18.gif" /></td>
                        <td valign="top"><img style="POSITION: relative; TOP: 10px" alt="" border="0" src="uploads/images/neoh2007/header_18.gif" /> <center>
                        <div style="RIGHT: 22px; POSITION: relative; TOP: 14px"><a class="linksBold" target="_blank" href="http://www.gossamergear.com/cgi-bin/gossamergear/Mariposa-Standard.html">Mariposa Backpack <br />
                        By Gossamer Gear<br />
                        <br />
                        </a></div>
                        </center></td>
                    </tr>
                    <tr>
                        <td colspan="2">
                        <table cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <td><a href="http://www.gossamergear.com/cgi-bin/gossamergear/Mariposa-Standard.html"><img alt="Mariposa Ultralight Backpack by Gossamer Gear" width="100" border="0" src="uploads/images/neoh2007/Mariposa-90.jpg" /></a></td>
                                    <td> </td>
                                    <td width="175">
                                    <p style="FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif">The Mariposa Ultralight revolutionizes ultralight backpacking, with an incredible array of important features, but a maximum weight of just over a pound! <a class="link10pt" target="_blank" href="http://www.gossamergear.com/cgi-bin/gossamergear/Mariposa-Standard.html">Learn More</a></p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                    <!-- NOTE: END PRODUCT REVIEW -->
                </tbody>
            </table>
            </td>
            <td valign="top" align="center" width="254">
            <table cellspacing="0" cellpadding="0" width="242">
                <!-- NOTE: START NEW TRIP LISTINGS -->
                <tbody>
                    <tr>
                        <td colspan="3"><img alt="" border="0" src="uploads/images/neoh2007/newlistings2_01.gif" /></td>
                    </tr>
                    <tr>
                        <td width="10" background="uploads/images/neoh2007/newlistings2_02.gif"> </td>
                        <td width="213" bgcolor="#e5eaee">
                        <table cellspacing="0" cellpadding="2" width="100%" border="0">
                            <tbody>
                                <tr>
                                    <td valign="top" align="center" colspan="3" height="20"><span style="FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000066; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-VARIANT: normal; font-size-adjust: none">NEW TRIP LISTINGS</span></td>
                                </tr>
                                <tr>
                                    <td><img alt="" src="uploads/images/neoh2007/pushpin.gif" /></td>
                                    <td align="left"><a class="linksBold" target="_blank" href="http://www.neohoutdoors.com">Clarion River</a></td>
                                </tr>
                                <tr>
                                    <td colspan="3" height="10"> </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                        <td width="19" background="uploads/images/neoh2007/newlistings2_04.gif"> </td>
                    </tr>
                    <tr>
                        <td colspan="3"><img alt="" border="0" src="uploads/images/neoh2007/newlistings2_07.gif" /></td>
                    </tr>
                </tbody>
                <!-- NOTE: END NEW TRIP LISTINGS -->
            </table>
            <table cellspacing="0" cellpadding="0">
                <!-- NOTE: START GO OUTSIDE AND HAVE FUN GUIDE -->
                <tbody>
                    <tr>
                        <td colspan="2"> </td>
                    </tr>
                    <tr>
                        <td colspan="3"><img height="10" alt="" width="254" src="uploads/images/neoh2007/neoh_41.gif" /></td>
                    </tr>
                    <tr>
                        <td width="10" background="uploads/images/neoh2007/neoh_43.gif"> </td>
                        <td valign="top" width="236"><img alt="" border="0" src="uploads/images/neoh2007/header_12.gif" />
                        <table cellspacing="0" cellpadding="5" border="0">
                            <tbody>
                                <tr>
                                    <td valign="top"><img alt="" src="uploads/images/neoh2007/icons_11.gif" /></td>
                                    <td align="center">
                                    <form action="ASOmain.asp?Option=MTP" method="post">
                                        <input type="hidden" name="fWhichTip" value="x" /> <select class="select" onchange="SendForm2(form,'Tips',this)" name="fTips">
                                        <option value="" selected="selected">Tips, Guides, FAQs</option>
                                        <option value="">------------------------</option>
                                        {literal}<__script__ LANGUAGE="Javascript" SRC="uploads/images/neoh2007/NEOHtipsearch.js"></__script>{/literal}

</select> <center><img height="10" alt="" src="uploads/images/neoh2007/spacer.gif" /></center><select class="select" onchange="SendForm2(form,'Links',this)" name="fLinks">
                                        <option value="" selected="selected">Other Resources</option>
                                        <option value="">------------------------</option>
                                        {literal}<__script__ LANGUAGE="Javascript" SRC="uploads/images/neoh2007/NEOHlinksearch.js"></__script>{/literal}
</select>
                                    </form>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                        <td width="8" background="uploads/images/neoh2007/neoh_45.gif"> </td>
                    </tr>
                    <tr>
                        <td colspan="3"><img height="10" alt="" width="254" src="uploads/images/neoh2007/neoh_46.gif" /></td>
                    </tr>
                </tbody>
                <!-- NOTE: END GO OUTSIDE AND HAVE FUN GUIDE -->
            </table>
            <table cellspacing="0" cellpadding="0" width="254" border="0">
                <!-- NOTE: START OUTDOOR TIP -->
                <tbody>
                    <tr>
                        <td colspan="2"> </td>
                    </tr>
                    <tr>
                        <td align="center" width="62"><img alt="" src="uploads/images/neoh2007/icons_20.gif" /></td>
                        <td valign="top"><img style="POSITION: relative; TOP: 6px" alt="" border="0" src="uploads/images/neoh2007/header_21.gif" /> <center>
                        <div style="RIGHT: 5px; POSITION: relative; TOP: 10px"><a class="linksBold" href="http://www.adventuresportsonline.com/wintereye.htm">Winter Eyewear Tips</a> <br />
                        <br />
                        </div>
                        </center></td>
                    </tr>
                    <tr>
                        <td align="left" width="275" colspan="2">
                        <p style="FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif">Sunglasses & Goggles Buying Tips: -- <a class="link10pt" href="http://www.neohoutdoors.com/wintereye.htm">Read More</a></p>
                        </td>
                    </tr>
                </tbody>
                <!-- NOTE: END OUTDOOR TIP -->
            </table>
            </td>
        </tr>
    </tbody>
</table>

I have 2 {literal} tags could that be the problem? It seem to work the first time I save it. If I go back in and edit something in the source cose and save it again my javascripts arent working.

Lauenborg · Post by **Lauenborg** » Fri Jan 12, 2007 8:07 pm

Hi There

I also have a problem with a javascipt in one of my content pages. I have a form that I used in an old website(before CMS) and to that form I have a "java validation script" to validate the fields..

I have tried to insert with the "literal" tags in the actual page, but it wont validate...Maybe you have and idea of what to do..?

see the script here:
Best regards Bo

{literal}

function validering()
{
error = 0;

if((document.forms[0].hvordanfandtdu.value=='') && (error==0))
{
alert('Husk at vaelge hvordan du fandt MindTrack Coaching!');
document.forms[0].hvordanfandtdu.focus();
error = 1;
}

if(error == 0)
document.forms[0].submit();
}

// Slut -->
{/literal}

jmcgin51 wrote: paste
{literal}{/literal}
into your source code (HTML view)

when you view the WYSIWYG, you'll just see the {literal}{/literal} tags, but the JS will be there in the source.

outdoorxtreme1 · Post by **outdoorxtreme1** » Fri Jan 12, 2007 8:15 pm

The tags are there but the javascript doesn't work on my webpage.

outdoorxtreme1 · Post by **outdoorxtreme1** » Mon Jan 15, 2007 8:05 pm

I am having a heck of a time trying to get the following javascripts to work in my page content. Can someone please help me. Could it be the wysiwyg editor I am using? I currently have FCKeditor

I am trying to get the following to work in a page content:

Code: Select all

                        <form action="index.php?page=" method="post">
                            <input type="hidden" name="fWhichTip" value="x" /> <ins><select class="select" onchange="SendForm2(form,'Tips',this)" name="fTips">
                            <option value="" selected="selected">Tips, Guides, FAQs</option>
                            <option value="">------------------------</option>
                            {literal}<__script__ LANGUAGE="Javascript" SRC="/uploads/images/neoh2007/NEOHtipsearch.js"></__script>{/literal}
                            </select> <center><img height="10" alt="" src="uploads/images/neoh2007/spacer.gif" /></center><select class="select" onchange="SendForm2(form,'Expert',this);" name="fAsk">
                            <option value="" selected="selected">Ask the Expert</option>
                            <option value="">------------------------</option>
                            <option value="ask-advrace-expert.htm">Adventure Racing</option>
                            <option value="askpaddleexpert.htm">Paddlesports</option>
                            <option value="askbikeexpert.htm">Road/Mountain Bike Touring and Racing</option>
                            <option value="asktheexpertgear.htm">Outdoor Gear</option>
                            <option value="askfitexpert.htm">Fitness</option>
                            <option value="askskiexpert.htm">Skiing</option>
                            <option value="askfishexpert.htm">Fishing</option>
                            </select> <center><img height="10" alt="" src="uploads/images/neoh2007/spacer.gif" /></center><select class="select" onchange="SendForm2(form,'Links',this)" name="fLinks">
                            <option value="" selected="selected">Other Resources</option>
                            <option value="">------------------------</option>
                            {literal}<__script__ LANGUAGE="Javascript" SRC="/uploads/images/neoh2007/NEOHlinksearch.js"></__script>{/literal}
</select> </ins>
                        </form>

Pierre M. · Post by **Pierre M.** » Fri Jan 19, 2007 3:59 pm

May be you can put your literal/JS in a global content bloc or custom tag ?

And remember that JS never works on user agents like mine (with noscript plugin) or corporate ones (filtering firewalls).
(edit : I mean no site should rely on it to work)

PM

CMS Made Simple Forums

How do I use Javascript in content?

How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?

Re: How do I use Javascript in content?