xhtml fout/probleem

Hulp nodig bij een modificaties of op zoek naar een MOD? Bekijk ons archief. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
svenn
Berichten: 5001
Lid geworden op: 14 jul 2004, 13:00
Locatie: Kortrijk
Contacteer:

xhtml fout/probleem

Bericht door svenn » 27 jul 2006, 09:57

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

ElbertF
Berichten: 5803
Lid geworden op: 12 okt 2004, 08:34
Contacteer:

Bericht door ElbertF » 27 jul 2006, 10:03

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}'">

svenn
Berichten: 5001
Lid geworden op: 14 jul 2004, 13:00
Locatie: Kortrijk
Contacteer:

Bericht door svenn » 27 jul 2006, 10:05

top ! :thumb:

ElbertF
Berichten: 5803
Lid geworden op: 12 okt 2004, 08:34
Contacteer:

Bericht door ElbertF » 27 jul 2006, 10:10

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.

Gebruikersavatar
Carlo Claessen
Berichten: 1280
Lid geworden op: 02 jul 2005, 14:05

Bericht door Carlo Claessen » 27 jul 2006, 23:36

nog beter, gebruik geen java maar css

:bier: :bier:

gezelllig onderonsje maar
''Do not meddle in the affairs of wizards, for they are subtle and quick to anger. '' J.R.R Tolkien

ElbertF
Berichten: 5803
Lid geworden op: 12 okt 2004, 08:34
Contacteer:

Bericht door ElbertF » 28 jul 2006, 07:54

Carlo bedoelt natuurlijk JavaScript. :P

Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:

Bericht door Paul » 28 jul 2006, 09:48

java zou je naar mijn mening zowiezo niet moeten gebruiken op een site :P

svenn
Berichten: 5001
Lid geworden op: 14 jul 2004, 13:00
Locatie: Kortrijk
Contacteer:

Bericht door svenn » 28 jul 2006, 10:20

waarom liever css dan javascript ?en hoe zou ik dat dan moeten doen :shock:

Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20316
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:

Bericht door Paul » 28 jul 2006, 10:27

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>

svenn
Berichten: 5001
Lid geworden op: 14 jul 2004, 13:00
Locatie: Kortrijk
Contacteer:

Bericht door svenn » 28 jul 2006, 10:28

mja dank maar ik blijf bij de 2 regeltjes ;)

Gebruikersavatar
Carlo Claessen
Berichten: 1280
Lid geworden op: 02 jul 2005, 14:05

Bericht door Carlo Claessen » 28 jul 2006, 12:12

svennson schreef:mja dank maar ik blijf bij de 2 regeltjes ;)
je bent gewoon te lui om wat meer te doen.

:lol: :lol:
''Do not meddle in the affairs of wizards, for they are subtle and quick to anger. '' J.R.R Tolkien

svenn
Berichten: 5001
Lid geworden op: 14 jul 2004, 13:00
Locatie: Kortrijk
Contacteer:

Bericht door svenn » 29 jul 2006, 09:24

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>

ElbertF
Berichten: 5803
Lid geworden op: 12 okt 2004, 08:34
Contacteer:

Bericht door ElbertF » 29 jul 2006, 09:42

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.

Gesloten