Spry Widget as a Server Side Include

I am new to using SSI. I guess one question is: does the
include have to be saved as a .shtm or .shtml file? I am trying to
take a Spry Navigation bar and use it as an include in a site I am
building. I have saved it as a .html file and a .shtml file, but
neither is working. It shows up in design view, but not preview in
browser view. Here is the code of the SSI:
<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet" type="text/css" />
<div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="
http://www.j-boysentertainment.com">Home</a>
</li>
<li><a href="#"
class="MenuBarItemSubmenu">Projects</a>
<ul>
<li><a href="../pamperzpro.html">Pamperz
Pro</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu"
href="#">Creative Team</a>
<ul>
<li><a href="#">Jeff Reed</a> </li>
<li><a href="#">John
Elliott</a></li>
<li><a href="#">Jack Kelly</a></li>
<li><a href="#">J. Skylar
Testa</a></li>
<li><a href="#">Jonathan
Perkins</a></li>
</ul>
</li>
<li><a href="#">Connect</a></li>
</ul>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
Does anyone see what I am doing wrong? Also, when I insert it
as a SSI, does it matter if it is a file or a virtual?

Create a page that contains ONLY this -
<p>woohoo</p>
and save it as woohoo.monkeybutt.
Then create another page, click in the Design view, and
insert a server-side
include. Browse to and select woohoo.monkeybutt.
Save this new page as "page.shtml".
Preview it in the browser (with temp files enabled in your
PREFERENCES).
'nuff said?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jp3rks" <[email protected]> wrote in
message
news:[email protected]...
>I am new to using SSI. I guess one question is: does the
include have to be
> saved as a .shtm or .shtml file? I am trying to take a
Spry Navigation
> bar and
> use it as an include in a site I am building. I have
saved it as a .html
> file
> and a .shtml file, but neither is working. It shows up
in design view,
> but not
> preview in browser view. Here is the code of the SSI:
>
>
> <script src="../SpryAssets/SpryMenuBar.js"
> type="text/javascript"></script>
> <link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet"
> type="text/css" />
> <div>
> <ul id="MenuBar1" class="MenuBarHorizontal">
>
<a href="
http://www.j-boysentertainment.com">Home</a>
</li>
>
<a href="#" class="MenuBarItemSubmenu">Projects</a>
>
>
<a href="../pamperzpro.html">Pamperz
Pro</a></li>
>
> </li>
>
<a class="MenuBarItemSubmenu" href="#">Creative
Team</a>
>
>
<a href="#">Jeff Reed</a> </li>
>
<a href="#">John Elliott</a></li>
>
<a href="#">Jack Kelly</a></li>
>
<a href="#">J. Skylar Testa</a></li>
>
<a href="#">Jonathan Perkins</a></li>
>
> </li>
>
<a href="#">Connect</a></li>
>
> </div>
> <script type="text/javascript">
> <!--
> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
> {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
> imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
> //-->
> </script>
>
> Does anyone see what I am doing wrong? Also, when I
insert it as a SSI,
> does
> it matter if it is a file or a virtual?
>

Similar Messages

  • Spry accordion widget - SSI (server side include) as content in the panel

    After having inserted the following command <!--# include file = "content2.asp" -> in the accordion Panel Content I get an error in Dreamweaver - every time I open the file. See the error in the attached picture.
    Once all files are uploaded to the server it works apparently without problems or script errors.
    Is there anyone who can help me to use SSI "server side include" as content in accordion panels?

    Thanks for your reply.
    The fault lay in the SSI file. This file contained these tag:
    </ html>
    And of course the tag </ html> generate an error if the tag is inserted in the content of the accordion panel via ssi file.

  • Tabbed with Server Side Include

    Has anyone had any problems adding Server Side Include to the Spry Tabbed Pannels, everytime the I add a SSI to the tabbed content is locks up the tabs.
    Where the hell are to get support is this an interAKT, ADOBE or your on your own.

    Hello,
    I don't have an answer to your problem, because I've never tried this approach.
    However, I can tell you that this is an USER-TO-USER forum. If you need to request technical support from Adobe, you need to go here:
    http://www.adobe.com/go/support/
    regards,
    Ionut

  • Tabbed panels, Collapsible Panel, and Server Side Include

    Hi,
    I'm having a problem with the way a Server Side Include inside a Collapsible Panel displays.
    Here is how this particular page is set up.
    The page has spry tabbed panels.
    >>A panel has one overall Collapsible panel (the main product tab)
    >>>>Nested in that Collapsible panel are four other collapsible panels (Overview, Features, Screenshots, What's New).
    >>>>>>In each of these four collapsible panels is a server side Include that features that category's content
    E verything works fine as far as opening and closing is concerned. However, the problem is with the display. The content panel doesn't resize with the Include content, and therefore, the Include content extends outside the border of the content panel.
    I'm thinking this is because it is Include content rather than normal content. Is that right?
    Do I fix this by changing the overflow value of one the Tabbed Panel CSS styles? If so, which one should I change, and to what value?
    Or if that's not how to fix it, can anyone tell me how?
    Thanks a lot,
    Mike

    Hi, I'm using the latest version of Spry. I modified some CSS rules of the tabbed panels, but not the javascript file. I didn't do anything to the Collapsible Panel rules.
    Since first posting this thread, I changed the overflow of the Tabbed Panels Content Group CSS rule to "scroll". That did produce a scroll, but I'd much rather have the panel expand. So, I changed it back the way it was.
    Here's the page I'm working on. Click the Court Solutions tab to get to the problem panel.
    http://www.ptssolutions.com/Test/public_safety_products_3.shtml
    It has different results in IE and FireFox, but doesn't work correctly in either.
    Thanks a lot for all your help,
    Mike

  • Server-Side Include or what?

    One of my sites:
    http://www.plough.com  has become more active, I need to do a redesign. One thing I have to change: the "Recent Articles" list has up to now been a library item. This worked fine as long as the site was small. But now checking out & checking in the whole site every time I list a new article is too much.
    So what is the best method to include a list like this? I've looked into Server Side Includes - the server is SSI, so there are a lot of restrictions (the include can't be in a folder higher in the structure than the page it is on?
    Seems like too much fuss. Is there any other way I could do this? All ideas welcome - I need to get some creative thought going.
    Thanks

    Another possible way is to use a spry dataset. (xml or html based) see -
    http://labs.adobe.com/technologies/spry/home.html
    PZ

  • Server-side includes question

    I preface this all by saying that I have never used a
    server-side include but am considering it based on a suggestion
    from a thread yesterday.
    If I created a server-side include file that contained only
    my title banner/nav bar and placed that file at the top of each of
    my pages, would it then be possible to have content (Flash, in this
    case) from an editable region in a template-based file display on
    top of that banner? Can they overlap, I guess is what I'm asking.
    Thanks - JAY

    > This would probably be an issue mostly if you don't want
    to synchronize
    > your
    > entire site, I suppose. What about file directory
    issues? Can you keep
    > pages in
    > sub-directories based on the specific template from
    which they were
    > created or
    > will that cause problems (such as SSI functionality)?
    DW is quite smart enough to manage your page links.
    Plus, if you can use virtual includes, then the link to the
    include files
    will be the same for any page in any location in your site.
    So - you have no link worries in this sense. But a more
    specific example
    that leads you to ask your question might help get a better
    answer here.
    > class 1. I've got my nav bar/title banner
    > happening as an SSI to be included on all pages - class
    2. Lastly, all
    > page-specific content including detail text, images, and
    some info and nav
    > Spry
    > panels will appear in editable regions, (defined by
    divs, presumably?) -
    > class
    > 3. WIth the latter, I'll preload the editable regions
    with the type of
    > content
    > I want and then customize it on each page, relink, etc.
    Using an editable region for a section-specific navigation
    include is a
    great way to do it.
    Good luck!
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "LumberBisquit" <[email protected]> wrote in
    message
    news:[email protected]...
    >
    quote:
    Originally posted by:
    Newsgroup User
    > But underlying it all is this nasty requirement to
    upload all changed
    > files.
    >
    >
    > This would probably be an issue mostly if you don't want
    to synchronize
    > your
    > entire site, I suppose. What about file directory
    issues? Can you keep
    > pages in
    > sub-directories based on the specific template from
    which they were
    > created or
    > will that cause problems (such as SSI functionality)?
    >
    >
    quote:
    > First, I mentally separate the page layout into three
    sections:
    >
    > 1. Stuff that will not change for the life of the site
    (i.e., the basic
    > structural elements)
    > 2. Stuff that *could* change from time to time (e.g.,
    navigation
    > elements,
    > burst advertisements, section-specific navigation, etc.)
    > 3. Stuff that *will* change from one page to the next
    >
    > Then I create a template containing all class1 elements.
    Next I create
    > server-side include files containing all class 2
    elements and place them
    > on the
    > template as needed. Note - some of the class 2 elements
    may be
    > "section-specific elements", and their placement on the
    template will be
    > subject to the next item. Finally, I insert editable
    regions to cover the
    > class
    > 3 items, INCLUDING the section-specific navigation.
    >
    >
    > This makes sense to me and is very much what I had in
    mind, (after asking
    > lots
    > of questions on this forum, that is). This site will
    need at least three
    > different structural pages - class 1. I've got my nav
    bar/title banner
    > happening as an SSI to be included on all pages - class
    2. Lastly, all
    > page-specific content including detail text, images, and
    some info and nav
    > Spry
    > panels will appear in editable regions, (defined by
    divs, presumably?) -
    > class
    > 3. WIth the latter, I'll preload the editable regions
    with the type of
    > content
    > I want and then customize it on each page, relink, etc.
    >
    > Thanks so much!
    >
    > JAY
    >

  • What is the difference between jsp :include and server side include

    what is the difference between jsp :include and server side include(request dispatcher include method)????
    i understand that both request dispatcher include method and jsp:include take dynamic data,so when would one use request dispatcher include and when jsp:include.
    Is the usage interchangeable?i believe jsp include is used only for jsp/html but include directive can be used to include servlets ,jsp and html....correct me if i m wrong and
    do suggest if u hav ny other diff in this context...

    The difference really is: in what format do you want your inclusions? If your environment has many Java developers and only a few designers that focus mainly on, say, Flash, that might push you more towards the server-side include() directive. Or, if you have a large set of pages that receive dynamic content that is displayed in a consistent fashion (such as a workflow header area on a page).
    If, on the other hand, you have more web designers, there may be a greater desire to deal in markup rather than Java code. Java developers themselves might prefer to view markup (JSP) that more resembles the eventual output than something occuring in Java code.
    Finally, there are considerations of tiering. While it is totally possible to (and I have previously) implement 'view classes' that render markup or generate layout templates, JSP's offer, IMO, a subtle, psychological advantage. By forcing a developer to work in a different format, markup versus Java source, the separation on view from controller and model becomes a bit easier. It is still possible to make mistakes, but if a developer at some point notices, "Wait, I'm in a JSP, should I be importing a java.sql class?", then the choice to use JSP includes has paid off in spades.
    - Saish

  • Contribute changing relative path for server-side include

    I am using Contribute CS3, version 4.1, and my pages crash
    every time a send a draft for review, because Contribute is
    rewriting a relative URL in a server-side include.
    The server-side include (before I send for review) reads:
    <!--#include file="../foo/bar.fileextention"-->
    After I edit other portions of the page and send the draft
    for review, it reads:
    <!--#include file="http:
    //www.servername.com/foo/bar.fileextension"-->
    Which results in the draft being unreadable.
    Is there any way to tell Contribute not to monkey with this
    URL? I have hunted, read the forums, checked the knowledge base,
    and coming up empy.
    Thanks in advance for any help you can provide!! I really
    appreciate it!
    -Nicholas

    Answering my own question.
    I researched this complete forum and with taking ideas from
    different posts, I was able to figure this out. I thought I would
    post it for anyone else needing to know the answer in one place:
    Include tags must read:
    <!--#include virtual="includes/fileName.html"-->
    (Include file is NOT a real HTML doc -- no tags in file
    except for CSS, as it would be used if not using Contribute.)
    No reference to .dwt needed nor Template created.
    No Edit instance tags needed anywhere.
    Contribute user navigates to page:
    [Upper right corner] Click Choose...
    [In my structure] User opens includes folder (double clicks)
    User selects THE file (clicks OK)
    User clicks on Edit Page button
    (Text is now editable.)
    User edits text.
    User clicks on Publish button.
    Worked for me several times trying.
    - Janet

  • Server-Side Include Issue - Please Help

    I am having trouble using server-side includes in
    Dreamweaver. When I use the SSI to insert the header file, the
    header document shows up on the page in design view, but I cannot
    click anything. The cursor turns into a "no sign" no matter where
    it is on the page. I cannot see anything but the header document,
    and I cannot click outside of it or anywhere else in design view.
    When I test the whole document in a web browser it actually seems
    to work just fine. I see the header and the other text on the page
    (unlike in dreamweaver, I cannot see anything but the header). Also
    in Dreamweaver code view, the php tags and the included filename
    are in red. This is the code for the test document:

    On Wed, 7 Mar 2007 04:02:29 +0000 (UTC), "AngryCloud"
    <[email protected]> wrote:
    > <?php include("header.php"); ?>
    What does the code look like in header.php? Does it have
    <html>, <head>
    and <body> tags? It should not.
    Gary

  • Problem in Server side includes using Tomcat

    Problem in Server side includes using Tomcat:
    I am trying out small programs in servlet.
    I get one example program for server side includes from net.
    The code is:
    <HTML>
    <HEAD><TITLE>Times!</TITLE></HEAD>
    <BODY>
    <P>
    The current time in London is!!! :
    <SERVLET CODE="CurrentTime" codebase="../servlet">
    <PARAM NAME="zone" VALUE="GMT">
    </SERVLET>
    </P>
    </BODY>
    </HTML>
    I placed this test.shtml file in tomcat-home/webapps/ROOT folder and i kept the servlet in WEB-INF/classes folder.
    I renamed the servlets-ssi.jar and i removed the comments for SSI in web.xml file.
    When i run the servlet separately, i am getting the correct result. But if i run shtml file with the URL : http://localhost:8080/Test.shtml,
    i am getting the result as:
    The current time in London is!!! :
    It is not invoking servlet program.
    CAN ANYONE HELP ON THIS!
    Thanks.

    Thanks...as u said I tried putting dir & found that
    my file was saved as Ch1Servlet.java.txt instead for
    Ch1Servlet.java......So that was a problem.Now I'm
    able to compile.Oh, yeah. Notepad will do that to you. I think when you save in Notepad if you put quotes around the name "Whatever.java" then it won't add the .txt.
    But on compiling I'm getting the following error
    package java.servlet.* does not exist
    package java.servlet.http.* does not exist
    package java.io.* does not exist
    Do u the reason for this??? The servlet stuff is java[b]x.servlet. For the io stuff, I don't know, I'd have to see your code. Either you have a typo or a corrupt installation.

  • Server Side Includes not displaying in DW CS3 design view

    I have this code in my page (see below):
    When I open the file in Dreamweaver MX 2004 in design view,
    the page displays correctly. That is, I see the correct styles from
    the style sheet contained in Head_Standard.html and the logo/menu
    in Logo_TopMenu.html
    When I open the page in DW CS3, I do not see the effects of
    the style sheet and I do not see the logo/menu.
    However, when I change the code for the first include from:
    virtual="/ServerSide
    to
    virtual="
    ../../ServerSide
    then the page renders correctly in Dreamweaver CS3.
    My first reaction was: what?! And my question is: how do I
    use a root reference inside the head and get it to display properly
    in DW CS 3?

    "Go to Edit > Preferences > Invisible Elements >
    Server-Side Includes (Check this box) to show contents of included
    file"
    I already do this.
    For me:
    /ServerSide... does NOT work
    ../../ServerSide... works
    So, a relative reference works and a reference to the root
    does not. I have over 20 websites with root references and I need
    this to work in DW9.

  • Server Side Includes not rendering correctly in Firefox with Layers

    Hi
    The server side includes are not correctly rendering with layers in firefox. From my site here:-
    http://www.osteriastecca.com/index.php
    the home_page.php content renders above a layer on the index.php page. Initially I thought this might be a Flash layer issue but the wmode is set correctly to transparent and it works fine with a normal ssi. It also works fine in Firefox without a server side include as you can see here:-
    http://www.osteriastecca.com/index_old.php
    Works fine in IE and Safari, but not Firefox.
    How can this be rectified?
    Regards
    Glennyboy

    What testing server setup do you have? Are you using something like WAMP?
    What do you see on screen which tells you the SSIs are not rendering? Any error message?

  • Server Side Includes

    I would like to create a website that allows the business owner to post information by simply updating a Word or Excel document and uploading it to the server.  I'm using a Server Side Include to bring in the .doc and .xls files.  It kind of works... I can see the data from these files, but the formatting is crazy and includes a bunch of extra characters.  I've set the extension as .shtml and selected "virtual" for the Apache server.
    I've searched the forums for an answer, but it doesn't look as this has been addressed.  Thanks in advance for you time!

    Ah, very good point.  I've actually tried that with some sample text and it shows up fine in my browser, but I had assumed that creating a page in Word or Excel wouldn't allow for the same level of functionality and aesthetic that I've created with the original page in Dreamweaver.  I will go ahead and play with Word to see what can be achieved.  Thanks and sorry for the newbie question!

  • Server Side Includes and Divs

    I have a template (dwt) for my site with editable regions for
    menus. I want to use Server Side Includes for the menu, as not all
    the pages will have the same menu.
    I have designed the site template (and pages) with css and
    divs. The area for the SSI is a div of size 145x335. The menu which
    I want to put inside this div will be a div based menu. I havent
    had any luck displaying the Div from the SSI yet. I have been
    looking on Google for help, but not much luck. I can get the Div to
    appear but the formatting doesnt show up.
    Im putting the SSI code in where I want it on the page, but
    im not sure exactly which code to get rid of in the shtml file. I
    know I need to remove body, head parts etc
    My site template uses CSS stored on the document, not an
    external css file.
    Any ideas?

    > Im sure Ive not got it right yet!! My head wont work
    lately!
    Yes. It's not working well here, either.
    Create your template with the editable region. In it, have
    links to a) the
    general stylesheet for all the pages, and b) the general
    stylesheet for all
    of the includes (these don't really need to be separate
    files). Spawn a
    child page, drop in the desired include, and save that page
    as
    whocares.shtml.
    That's it....
    The incude files themselves can be names anything you want -
    I like the
    'monkeybutt' extension, e.g.,
    yourinclude.monkeybutt
    The include files can make reference to CSS selectors, but
    cannot have
    embedded CSS rules, or links to external CSS files.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "~Billy~" <[email protected]> wrote in
    message
    news:eq234v$eq6$[email protected]..
    > Ive made myself confused now! I need it spelling out to
    me!
    >
    > Ok, a template file (dwt) with its css as an external
    style sheet.
    >
    > Rest of the sites pages made from the template file.
    >
    > Next, the template has one editable region for a choce
    of 2 div based
    > menus to
    > be placed into. Place either of these div menus into the
    template editable
    > region by creating two seperate SHTML files - one for
    each menu with the
    > body/head removed(and with internal or external css?)
    >
    > Next put the SSI code into the body of the template
    where I want the SSI
    > to
    > appear.
    >
    > Im sure Ive not got it right yet!! My head wont work
    lately!
    >

  • Server Side Includes for Apache and parsing text files

    I have an old website I used to do zipped up and I decided to set it up on my personal webserver in OS X . I got apache configured to allow server side includes (edited the httpd.conf to all them:
    <Directory />
    Options FollowSymLinks Indexes MultiViews Includes
    AllowOverride None
    </Directory>
    But I can't get the pages to come up. See I have this .shtml page which loads fine and a part of it has this line:
    <!--#include file="news/news.txt" -->
    But it won't parse that txt file and show the html that its formatted in.
    Anyone have any ideas on how to get it to parse that txt file? Even if I load just that txt file it shows raw code not it formatted. Please help.

    Ignore that first reply. I thought I was dealing with server.
    As usual, I fogot to make sure that Includes was in the Options directive for the DOCUMENT_ROOT or VirtualHost. After 10 years, you'd think I'd remember that. I just configged one of my macs to do SSI. Here's the 3 lines that I changed:
    Line 399 (the DOCUMENT_ROOT definition): Options Indexes FollowSymLinks MultiViews Includes
    Line 887 (To use server parsed HTML): AddType text/html .shtml
    Line 888: AddHandler server-parsed .shtml
    apachectl restart
    and off it went!
    Roger

Maybe you are looking for

  • New Hard Drive and Iphone Backups

    Hi I am migrating to Windows 7 from Windows XP next week and I have purchased a new hard drive to install the new OS. My Itunes and Iphone backups are on the old windows XP hard drive which I want to wipe clean for future storage. How can I move to W

  • ITunes keeps on opening up

    I find it annoying. I eject the ipod from iTunes, then close out the program. A few seconds later, it recognizes the iPod again and re-opens. This happens sometimes 3 or 4 times. Does this happend to anybody else? I don't mind it recognizing it when

  • Unable to install EUL status workbooks??

    I am trying to install EUL status workbooks using EUL4.eex but i get the following error: ORA-02289 sequence does not exist I have already executed eul4.sql & eul4_apps.sql successfully. But i don't know what is missing there? I am using disco 4. App

  • What timeline format shall i use for footage in AVCHD format?

    I am shooting with the Sony HXR NX5, and i would like to ask what timeline format shall i use for footage in AVCHD format? I do not see any format in the Final Cut Pro and in Motion that matches my camera format. Thank you very much for your assistan

  • Create BW datasource on standard ECC function module MCEX02_02_SCL_GR

    Hello Experts, I plan to use standard ECC function module MCEX02_02_SCL_GR to get the GR dates for the PO Schedule Lines. I copied this function module with the BW function group and tried to create a datasource in RSO2. However I receive the followi