PDA

View Full Version : Templates and external style sheets


SilverAce
11-06-2011, 03:36 PM
Okay, so I just made my first template with an external style sheet. It works fine and links correctly....

My problem is that when I open a new page from template, the style sheet doesn't come up. Any suggestions? I can post the code if you need it. Thanks guys.

johnMoss
11-06-2011, 04:48 PM
It should've come up, but to solve the problem just go into your head tag at the top of the page and and simply add it.

johnMoss
11-06-2011, 04:49 PM
oops, hit wrong button, meant to add this:
<link rel=stylesheet href="css/style.css" type="text/css" media=all>
replace 'style' above with the actual name of your css page.

SilverAce
11-06-2011, 05:06 PM
It seems to be in there as <link href="temp2.css" rel="stylesheet" type="text/css">

Yet, still doesn't work. Is my problem that I am saving it in a wrong area so it's linking incorrectly? Thanks

PS: I am saving it into the template folder in my site folder.

domedia
11-06-2011, 05:18 PM
My problem is that when I open a new page from template, the style sheet doesn't come up. .

What do you mean by "the style sheet doesn't come up".
You just confirmed it is in your code.

SilverAce
11-06-2011, 05:36 PM
No, no. It comes up in the template, but it doesn't seem to work when I open a page from template.

domedia
11-06-2011, 06:39 PM
'open a page from template' ?

Do you mean when you _create_ a new page from the template, or when you open the page in browser?

'Comes up' <- again... Do you mean it's not linked to in the header?

SilverAce
11-06-2011, 07:56 PM
Page from the template, yes.

So I open a page from the template - the link is in there, but nothing works from the CSS.

johnMoss
11-06-2011, 08:43 PM
Your problem is the path. When you created your template, it placed it into a new root file directory, right? I suspect the addition of ../ will solve your problem. Replace your path with this:<link href="../temp2.css" rel="stylesheet" type="text/css">

In case that's not the exact fix, a variation hereof will be...

SilverAce
11-07-2011, 12:14 AM
I tried it, still nothing. I'll post my templates full code, for you to look at.

Template:

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href= "../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="temp2.css" rel="stylesheet" type="text/css">
<body>
<div id="header">
<div id="Logo"><img src="../Images/Logo.png" width="235" height="235" alt="logo"></div>
<div id="HeaderText"><img src="../Images/header print3.png" alt="headertext" width="900" height="200" hspace="80"></div>
<div id="Menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.htm">Home</a> </li>
<li><a href="../Discounts/index.html">Discounts</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="../About Us/index.html">About Us</a> </li>
<li><a href="../Contact Us/index.html">Contact us</a></li>
</ul>
</div>
</div>
<div id="Page">
<div id="boxL">
<div id="leftAD">
<div id="sapcer"></div>
<a href="http://www.greensmoke.com/26781-35-1-314.html" target="_blank"><img src="http://www.greensmoke.com/earn/banners/tjbell160x600.jpg" alt="" width="160" height="600" border="0" /></a></div>
</div>
<!-- TemplateBeginEditable name="Content" -->
<div id="boxC">
<p>&nbsp;</p>
</div>
<!-- TemplateEndEditable -->
<div id="boxR">
<div id="rightAD">
<div id="Greesmoke">
<p><a href="http://www.greensmoke.com/26781-0-1-268.html" target="_blank"><img border="0" src="http://www.greensmoke.com/earn/banners/logo-badge-final-01.jpg" width="160" height="160" alt="" /></a> </p>
<p>We are proud ambassadors of Green Smoke</p>
</div>
<div id="rightAD1"><a href="http://www.jdoqocy.com/click-5501889-10756917" target="_top"> <img src="http://www.tqlkg.com/image-5501889-10756917" width="160" height="600" alt="160x600 PremiumECig - Best Cigarette Alternative" border="0"/></a></div>
</div>
</div>
<div id="foooter"><a href="http://www.tkqlhce.com/click-5354194-10901616" target="_top"> <img src="http://www.awltovhc.com/image-5354194-10901616" width="900" height="125" alt="Smoketip Electronic Cigarette" border="0"/></a>

</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>

SilverAce
11-07-2011, 12:17 AM
Here's from a blank page from that template.

(function() { // BeginSpryComponent

if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};

Spry.BrowserSniff = function()
{
var b = navigator.appName.toString();
var up = navigator.platform.toString();
var ua = navigator.userAgent.toString();

this.mozilla = this.ie = this.opera = this.safari = false;
var re_opera = /Opera.([0-9\.]*)/i;
var re_msie = /MSIE.([0-9\.]*)/i;
var re_gecko = /gecko/i;
var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
var r = false;

if ( (r = ua.match(re_opera))) {
this.opera = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_msie))) {
this.ie = true;
this.version = parseFloat(r[1]);
} else if ( (r = ua.match(re_safari))) {
this.safari = true;
this.version = parseFloat(r[2]);
} else if (ua.match(re_gecko)) {
var re_gecko_version = /rv:\s*([0-9\.]+)/i;
r = ua.match(re_gecko_version);
this.mozilla = true;
this.version = parseFloat(r[1]);
}
this.windows = this.mac = this.linux = false;

this.Platform = ua.match(/windows/i) ? "windows" :
(ua.match(/linux/i) ? "linux" :
(ua.match(/mac/i) ? "mac" :
ua.match(/unix/i)? "unix" : "unknown"));
this[this.Platform] = true;
this.v = this.version;

if (this.safari && this.mac && this.mozilla) {
this.mozilla = false;
}
};

Spry.is = new Spry.BrowserSniff();

// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
{
this.init(element, opts);
};

Spry.Widget.MenuBar.prototype.init = function(element, opts)
{
this.element = this.getElement(element);

// represents the current (sub)menu we are operating on
this.currMenu = null;
this.showDelay = 250;
this.hideDelay = 600;
if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
{
// bail on older unsupported browsers
return;
}

// Fix IE6 CSS images flicker
if (Spry.is.ie && Spry.is.version < 7){
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
}

this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;

this.hoverClass = 'MenuBarItemHover';
this.subHoverClass = 'MenuBarItemSubmenuHover';
this.subVisibleClass ='MenuBarSubmenuVisible';
this.hasSubClass = 'MenuBarItemSubmenu';
this.activeClass = 'MenuBarActive';
this.isieClass = 'MenuBarItemIE';
this.verticalClass = 'MenuBarVertical';
this.horizontalClass = 'MenuBarHorizontal';
this.enableKeyboardNavigation = true;

this.hasFocus = false;
// load hover images now
if(opts)
{
for(var k in opts)
{
if (typeof this[k] == 'undefined')
{
var rollover = new Image;
rollover.src = opts[k];
}
}
Spry.Widget.MenuBar.setOptions(this, opts);
}

// safari doesn't support tabindex
if (Spry.is.safari)
this.enableKeyboardNavigation = false;

if(this.element)
{
this.currMenu = this.element;
var items = this.element.getElementsByTagName('li');
for(var i=0; i<items.length; i++)
{
if (i > 0 && this.enableKeyboardNavigation)
items[i].getElementsByTagName('a')[0].tabIndex='-1';

this.initialize(items[i], element);
if(Spry.is.ie)
{
this.addClassName(items[i], this.isieClass);
items[i].style.position = "static";
}
}
if (this.enableKeyboardNavigation)
{
var self = this;
this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
}

if(Spry.is.ie)
{
if(this.hasClassName(this.element, this.verticalClass))
{
this.element.style.position = "relative";
}
var linkitems = this.element.getElementsByTagName('a');
for(var i=0; i<linkitems.length; i++)
{
linkitems[i].style.position = "relative";
}
}
}
};
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;

Spry.Widget.MenuBar.prototype.getElement = function(ele)
{
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
};

Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
{
if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
{
return false;
}
return true;
};

Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
{
if (!ele || !className || this.hasClassName(ele, className))
return;
ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
{
if (!ele || !className || !this.hasClassName(ele, className))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
{
try
{
if (element.addEventListener)
{
element.addEventListener(eventType, handler, capture);
}
else if (element.attachEvent)
{
element.attachEvent('on' + eventType, handler);
}
}
catch (e) {}
};

// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
{
var layer = document.createElement('iframe');
layer.tabIndex = '-1';
layer.src = 'javascript:""';
layer.frameBorder = '0';
layer.scrolling = 'no';
menu.parentNode.appendChild(layer);

layer.style.left = menu.offsetLeft + 'px';
layer.style.top = menu.offsetTop + 'px';
layer.style.width = menu.offsetWidth + 'px';
layer.style.height = menu.offsetHeight + 'px';
};

// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
{
var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
while(layers.length > 0)
{
layers[0].parentNode.removeChild(layers[0]);
}
};

// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
{
var menus = root.getElementsByTagName('ul');
for(var i=0; i<menus.length; i++)
this.hideSubmenu(menus[i]);

this.removeClassName(this.element, this.activeClass);
};

// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
{
return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
};

// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
{
if(this.currMenu)
{
this.clearMenus(this.currMenu);
this.currMenu = null;
}

if(menu)
{
this.addClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
{
if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
{
menu.style.top = menu.parentNode.offsetTop + 'px';
}
}
if(Spry.is.ie && Spry.is.version < 7)
{
this.createIframeLayer(menu);
}
}
this.addClassName(this.element, this.activeClass);
};

// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
{
if(menu)
{
this.removeClassName(menu, this.subVisibleClass);
if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
{
menu.style.top = '';
menu.style.left = '';
}
if(Spry.is.ie && Spry.is.version < 7)
this.removeIframeLayer(menu);
}
};

// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
{
var opentime, closetime;
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);

if(menu)
this.addClassName(link, this.hasSubClass);

if(!Spry.is.ie)
{
// define a simple function that comes standard in IE to determine
// if a node is within another node
listitem.contains = function(testNode)
{
// this refers to the list item
if(testNode == null)
return false;

if(testNode == this)
return true;
else
return this.contains(testNode.parentNode);
};
}

// need to save this for scope further down
var self = this;
this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);

if (this.enableKeyboardNavigation)
{
this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
}
};
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
{
this.lastOpen = listitem.getElementsByTagName('a')[0];
this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.hasFocus = true;
};
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
{
this.clearSelection(listitem);
};
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
//search any intersection with the current open element
if (!this.lastOpen)
return;

if (el)
{
el = el.getElementsByTagName('a')[0];

// check children
var item = this.lastOpen;
while (item != this.element)
{
var tmp = el;
while (tmp != this.element)
{
if (tmp == item)
return;
try{
tmp = tmp.parentNode;
}catch(err){break;}
}
item = item.parentNode;
}
}
var item = this.lastOpen;
while (item != this.element)
{
this.hideSubmenu(item.parentNode);
var link = item.getElementsByTagName('a')[0];
this.removeClassName(link, this.hoverClass);
this.removeClassName(link, this.subHoverClass);
item = item.parentNode;
}
this.lastOpen = false;
};
Spry.Widget.MenuBar.prototype.keyDown = function (e)
{
if (!this.hasFocus)
return;

if (!this.lastOpen)
{
this.hasFocus = false;
return;
}

var e = e|| event;
var listitem = this.lastOpen.parentNode;
var link = this.lastOpen;
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;

var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];

if (!opts[3])
opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCa se() == 'li')?listitem.parentNode.parentNode:null;

var found = 0;
switch (e.keyCode){
case this.upKeyCode:
found = this.getElementForKey(opts, 'y', 1);
break;
case this.downKeyCode:
found = this.getElementForKey(opts, 'y', -1);
break;
case this.leftKeyCode:
found = this.getElementForKey(opts, 'x', 1);
break;
case this.rightKeyCode:
found = this.getElementForKey(opts, 'x', -1);
break;
case this.escKeyCode:
case 9:
this.clearSelection();
this.hasFocus = false;
default: return;
}
switch (found)
{
case 0: return;
case 1:
//subopts
this.mouseOver(listitem, e);
break;
case 2:
//parent
this.mouseOut(opts[2], e);
break;
case 3:
case 4:
// left - right
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
break;
}
var link = opts[found].getElementsByTagName('a')[0];
if (opts[found].nodeName.toLowerCase() == 'ul')
opts[found] = opts[found].getElementsByTagName('li')[0];

this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
opts[found].getElementsByTagName('a')[0].focus();

//stop further event handling by the browser
return Spry.Widget.MenuBar.stopPropagation(e);
};
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
{
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if (this.enableKeyboardNavigation)
this.clearSelection(listitem);

if(this.bubbledTextEvent())
{
// ignore bubbled text events
return;
}

if (listitem.closetime)
clearTimeout(listitem.closetime);

if(this.currMenu == listitem)
{
this.currMenu = null;
}

// move the focus too
if (this.hasFocus)
link.focus();

// show menu highlighting
this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
this.lastOpen = link;
if(menu && !this.hasClassName(menu, this.subHoverClass))
{
var self = this;
listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu );}, this.showDelay);
}
};
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
{
var link = listitem.getElementsByTagName('a')[0];
var submenus = listitem.getElementsByTagName('ul');
var menu = (submenus.length > 0 ? submenus[0] : null);
var hasSubMenu = (menu) ? true : false;
if(this.bubbledTextEvent())
{
// ignore bubbled text events
return;
}

var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
if(!listitem.contains(related))
{
if (listitem.opentime)
clearTimeout(listitem.opentime);
this.currMenu = listitem;

// remove menu highlighting
this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
if(menu)
{
var self = this;
listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu );}, this.hideDelay);
}
if (this.hasFocus)
link.blur();
}
};
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
{
var child = element[sibling];
while (child && child.nodeName.toLowerCase() !='li')
child = child[sibling];

return child;
};
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
{
var found = 0;
var rect = Spry.Widget.MenuBar.getPosition;
var ref = rect(els[found]);

var hideSubmenu = false;
//make the subelement visible to compute the position
if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
{
els[1].style.visibility = 'hidden';
this.showSubmenu(els[1]);
hideSubmenu = true;
}

var isVert = this.hasClassName(this.element, this.verticalClass);
var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;

for (var i = 1; i < els.length; i++){
//when navigating on the y axis in vertical menus, ignore children and parents
if(prop=='y' && isVert && (i==1 || i==2))
{
continue;
}
//when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
{
continue;
}

if (els[i])
{
var tmp = rect(els[i]);
if ( (dir * tmp[prop]) < (dir * ref[prop]))
{
ref = tmp;
found = i;
}
}
}

// hide back the submenu
if (els[1] && hideSubmenu){
this.hideSubmenu(els[1]);
els[1].style.visibility = '';
}

return found;
};
Spry.Widget.MenuBar.camelize = function(str)
{
if (str.indexOf('-') == -1){
return str;
}
var oStringList = str.split('-');
var isFirstEntry = true;
var camelizedString = '';

for(var i=0; i < oStringList.length; i++)
{
if(oStringList[i].length>0)
{
if(isFirstEntry)
{
camelizedString = oStringList[i];
isFirstEntry = false;
}
else
{
var s = oStringList[i];
camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
}
}
}

return camelizedString;
};

Spry.Widget.MenuBar.getStyleProp = function(element, prop)
{
var value;
try
{
if (element.style)
value = element.style[Spry.Widget.MenuBar.camelize(prop)];

if (!value)
if (document.defaultView && document.defaultView.getComputedStyle)
{
var css = document.defaultView.getComputedStyle(element, null);
value = css ? css.getPropertyValue(prop) : null;
}
else if (element.currentStyle)
{
value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
}
}
catch (e) {}

return value == 'auto' ? null : value;
};
Spry.Widget.MenuBar.getIntProp = function(element, prop)
{
var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
if (isNaN(a))
return 0;
return a;
};

Spry.Widget.MenuBar.getPosition = function(el, doc)
{
doc = doc || document;
if (typeof(el) == 'string') {
el = doc.getElementById(el);
}

if (!el) {
return false;
}

if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
//element must be visible to have a box
return false;
}

var ret = {x:0, y:0};
var parent = null;
var box;

if (el.getBoundingClientRect) { // IE
box = el.getBoundingClientRect();
var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
ret.x = box.left + scrollLeft;
ret.y = box.top + scrollTop;
} else if (doc.getBoxObjectFor) { // gecko
box = doc.getBoxObjectFor(el);
ret.x = box.x;
ret.y = box.y;
} else { // safari/opera
ret.x = el.offsetLeft;
ret.y = el.offsetTop;
parent = el.offsetParent;
if (parent != el) {
while (parent) {
ret.x += parent.offsetLeft;
ret.y += parent.offsetTop;
parent = parent.offsetParent;
}
}
// opera & (safari absolute) incorrectly account for body offsetTop
if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
ret.y -= doc.body.offsetTop;
}
if (el.parentNode)
parent = el.parentNode;
else
parent = null;
if (parent.nodeName){
var cas = parent.nodeName.toUpperCase();
while (parent && cas != 'BODY' && cas != 'HTML') {
cas = parent.nodeName.toUpperCase();
ret.x -= parent.scrollLeft;
ret.y -= parent.scrollTop;
if (parent.parentNode)
parent = parent.parentNode;
else
parent = null;
}
}
return ret;
};

Spry.Widget.MenuBar.stopPropagation = function(ev)
{
if (ev.stopPropagation)
ev.stopPropagation();
else
ev.cancelBubble = true;
if (ev.preventDefault)
ev.preventDefault();
else
ev.returnValue = false;
};

Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
{
if (!optionsObj)
return;
for (var optionName in optionsObj)
{
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
continue;
obj[optionName] = optionsObj[optionName];
}
};

})(); // EndSpryComponent

DWcourse
11-07-2011, 01:02 AM
Have you tried checking "Preview using temporary file" in Preferences under Preview in Browser?

SilverAce
11-07-2011, 01:16 AM
Have you tried checking "Preview using temporary file" in Preferences under Preview in Browser?

I just did in the template and the open from file, still looks the same. I feel like it must be something stupid on my end, because I assume you guys have no problem doing this.

I guess what might help is - could you walk through how you would save a CSS and then attach it to a template.


Thank you guys so much btw, you're all awesome!

johnMoss
11-07-2011, 05:16 AM
K... try this, sounds like your style sheet is now in a css folder...
<link href="../css/temp2.css" rel="stylesheet" type="text/css">

SilverAce
11-07-2011, 03:02 PM
Okay, so I tried what you said John, nothing worked.... However, I just did this:

I took the CSS and then made a CSS folder inside the site folder, put it in there, then relinked it - and suddenly - it works. I have no idea what could have been the problem, because like I said, the link works in the template, just not in a new page, and now it does. Thanks guys.

johnMoss
11-07-2011, 03:08 PM
The problem was the 'link path' from the page to the stylesheet. What you just did apparently was create a root folder situation which matched the path outlined in your script call. I think I might make a video of this to explain it further... Good to see you're fixed up...

SilverAce
11-07-2011, 03:53 PM
The problem was the 'link path' from the page to the stylesheet. What you just did apparently was create a root folder situation which matched the path outlined in your script call. I think I might make a video of this to explain it further... Good to see you're fixed up...
Yeah, it was a weird problem, but a simple fix. I knew it must have been something stupid because no one has problems with this.

John I have a quick question: I just made a website using a template (which I have done before) and my template doesn't seem to be updating any of the child pages.

I have my editable regions set up, and I have opened each from blank page from template. It's quite weird - also, I have noticed before it will ask when I save the template "do you want to update the other pages" - which I click yes. Yet, I'm not even getting that window to pop up on this one.

Thanks.

johnMoss
11-07-2011, 05:13 PM
Did you define the site in Dreamweaver? Better yet, do you understand the process of defining your site?

johnMoss
11-07-2011, 05:15 PM
I knew it must have been something stupid because no one has problems with this.

Quite the contrary. Everyone goes through this and your right on schedule :)

SilverAce
11-07-2011, 05:44 PM
Did you define the site in Dreamweaver? Better yet, do you understand the process of defining your site?

I have defined my site, I'm not sure what you mean by the "process". One thing that may effect is that this is my second template for the site.

SilverAce
11-07-2011, 05:46 PM
John, if you want we could instant message on either google or skype - might be easier. My skype is silverace88 and my google is silverace@gmail.com.

johnMoss
11-07-2011, 06:09 PM
How to do it in other words... But you got it so OK... When you say update, what are tyou referring to? Editable regions? They stay unique. Child pages only update when you change the primary template.

SilverAce
11-07-2011, 06:16 PM
How to do it in other words... But you got it so OK... When you say update, what are tyou referring to? Editable regions? They stay unique. Child pages only update when you change the primary template.

Exactly. I have my main content box, which is editable. and everything else is locked. I then make a new page from template, but when I edit the main template it wont update the child pages... It's weird.

johnMoss
11-07-2011, 06:29 PM
I just now saw your skype message. Better for this to stay here so others with similar problems in the future can see the thread, as everything is archived. I'm going to guess your site cache has somehow been corrupted. So do this:
Make certain all your folders are in the root directory, then up top choose site, manage sites, and when the window pops up, choose remove for the site directory in question. Once done, go back to site & define it again. After this, perform some nominal change to the template & see if it updates.

SilverAce
11-07-2011, 06:39 PM
Awwww YEAH! You did it John, you're a beast! It must have been corrupted, I redid the site and it works perfectly. Much love, man.

johnMoss
11-07-2011, 06:43 PM
Rock on bro, Glad I could help...

DWcourse
11-08-2011, 02:02 AM
I just now saw your skype message. Better for this to stay here so others with similar problems in the future can see the thread, as everything is archived. I'm going to guess your site cache has somehow been corrupted. So do this:
Make certain all your folders are in the root directory, then up top choose site, manage sites, and when the window pops up, choose remove for the site directory in question. Once done, go back to site & define it again. After this, perform some nominal change to the template & see if it updates.

Nice one, John!

johnMoss
11-08-2011, 03:02 PM
Thank you. I started to make a video on this but it occured to me you've probably already long since done so...

SilverAce
11-08-2011, 03:06 PM
Thank you. I started to make a video on this but it occured to me you've probably already long since done so...

Yeah, DW actually made me make up this whole thing, so he could make you look bad. :(



Hahaha, JK, =P.