Pagina 1 van 1
xhtml fout/probleem
Geplaatst: 27 jul 2006, 09:57
door svenn
Hey ,
Ik wil mijn site helemaal goed xhtml maken/houden nu kom ik het volgende probleem tegen :
de vraag is hoe dit correct en werkend in xhtml hoort.
Code: Selecteer alles
<td class="row2" onmouseover="this.style.backgroundColor='#BFFBC0'; this.style.cursor='hand';" onmouseOut=this.style.backgroundColor="#DFFDE1" onclick="window.location.href='{topicrow.U_VIEW_TOPIC}'">
grt svenn
Geplaatst: 27 jul 2006, 10:03
door ElbertF
Consequent aanhalingstekens gebruiken bij attributen, en géén hoofdletters.
Code: Selecteer alles
<td class="row2" onmouseover="this.style.backgroundColor='#BFFBC0'; this.style.cursor='hand';" onmouseout="this.style.backgroundColor='#DFFDE1';" onclick="window.location.href='{topicrow.U_VIEW_TOPIC}'">
Geplaatst: 27 jul 2006, 10:05
door svenn
top ! :thumb:
Geplaatst: 27 jul 2006, 10:10
door ElbertF
In plaats van de kleuren hard-coded te plaatsen, kun je ook de class dynamisch maken met JavaScript.
Code: Selecteer alles
<td onmouseover="this.className='...';" onmouseout="this.className='...';" onclick="...;">
Dit vergemakkelijkt latere aanpassingen.
Geplaatst: 27 jul 2006, 23:36
door Carlo Claessen
nog beter, gebruik geen java maar css
gezelllig onderonsje maar
Geplaatst: 28 jul 2006, 07:54
door ElbertF
Carlo bedoelt natuurlijk Java
Script.
Geplaatst: 28 jul 2006, 09:48
door Paul
java zou je naar mijn mening zowiezo niet moeten gebruiken op een site
Geplaatst: 28 jul 2006, 10:20
door svenn
waarom liever css dan javascript ?en hoe zou ik dat dan moeten doen
Geplaatst: 28 jul 2006, 10:27
door Paul
waarom weet ik niet, hoe wel:
Code: Selecteer alles
.row1h:hover, .row1hHover {
background: #F0F0F0 url(images/bg_row_hover.gif) bottom right no-repeat;
border-top-color: #F8F8F8;
border-left-color: #F8F8F8;
border-bottom-color: #D0D0D0;
border-right-color: #D0D0D0;
}
. Echter werkt dat niet in IE, voor ie moet dit er nog bij:
Code: Selecteer alles
<!-- IE conditional comments: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp -->
<!--[if IE]>
<style type="text/css">
/* IE hack to emulate the :hover & :focus pseudo-classes
Add the selectors below that required the extra attributes */
.row1h, .row1h-new { behavior: url("templates/ca_aphrodite/pseudo-hover.htc"); }
</style>
<![endif]-->
En moet je een .htc file hebben, met dit erin:
Code: Selecteer alles
<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">
//
// Simple behaviour for IE5+ to emulate CSS pseudo-classes.
// Extended to enable the :focus event
//
// Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
//
function hoverRollOver() {
element.origHoverClassName = (element.origFocusClassName) ? element.origFocusClassName : element.className;
element.origHoverClassName = element.className; // backup origonal className
if(PreloadFlag)
{
var tempClassStr = element.className;
tempClassStr += "Hover"; // convert name+'Hover' the last class name to emulate tag.class:hover
tempClassStr = tempClassStr.replace(/\s/g,"Hover "); // convert name+'Hover' the others to emulate tag.class:hover
tempClassStr += " hover"; // add simple 'hover' class name to emulate tag:hover
element.className = element.className + " " + tempClassStr;
}
}
function hoverRollOff() {
if( PreloadFlag && !element.focusOn ){
element.className = element.origHoverClassName;
}
}
</script>
Geplaatst: 28 jul 2006, 10:28
door svenn
mja dank maar ik blijf bij de 2 regeltjes
Geplaatst: 28 jul 2006, 12:12
door Carlo Claessen
svennson schreef:mja dank maar ik blijf bij de 2 regeltjes
je bent gewoon te lui om wat meer te doen.
Geplaatst: 29 jul 2006, 09:24
door svenn
Wel omdat ik met phpbb 3 zit wacht ik liever nog wat met het perfectioneren
nog een Xhtml vraag hoe krijg ik dit goed ?
Code: Selecteer alles
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="576" height="331" id="intro" align="middle" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="intro.swf?configUrl=introConfig.xml" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#B9B6A5" />
<embed src="intro.swf?configUrl=introConfig.xml" loop="false" menu="false" quality="high" bgcolor="#B9B6A5" width="576" height="331" name="intro" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
Geplaatst: 29 jul 2006, 09:42
door ElbertF
Ik ben er 100% voor om alle vormgeving in CSS te stoppen, maar als je met (JavaScript-) hacks moet gaan werken omdat
IE het anders niet snapt..
@ Svennson,
<embed> wordt niet meer gebruikt in XHTML. Volgens mij moet je
<object> gebruiken.