<html>
<head>
<title>O2C Demo: Material und Texturaustausch per Internet</title>
</head>
<body
bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="#000000">
<p align="center"><font color="#FFFFFF" size="1">u</font></p>
<table border="0"
cellpadding="5"
cellspacing="0"
width="100%">
<tr>
<td width="99%"
bgcolor="#C6C7E0"><p align="left"><font size="5"
face="Tahoma"><strong><img src="../box_bright.gif" hspace="5" width="15" height="15"></strong> <b>Javascript </b>in Version 2</font> </td>
<td valign="bottom" width="120" bgcolor="#C6C7E0"><p align="center"><a href="http://www.mb-software.de/" target="_blank"><img src="../mb-software.gif" align="left"
hspace="0"
width="120"
height="41"
border="0"></a></td>
</tr>
<tr>
<td><hr size="1">
<div align="center"><center><table border="0" cellspacing="1" width="100%">
<tr>
<td width="10%"
bgcolor="#DFD8E9">
</td>
<td nowrap><font face="Tahoma" size="3"><strong>
Konfigurieren Sie Ihren Stuhl!
</strong></font></td>
<td width="60%"
bgcolor="#DFD8E9">
</td>
</tr>
</table>
</center></div><p><font face="Tahoma" size="2" >Dieses Beispiel zeigt, wie Sie mit Hilfe des O2C-Players verschiedene Möbelvarianten repräsentieren
können. <br>
Beim Modifizieren der Variante ist <em>kein</em> Neuladen des Objektes nötig, lediglich
eventuell neu benötigte
Texturen (oder Material-Dateien) werden vom Internet geladen (und dies auch nur bei der ersten Benutzung). </font></p>
<table>
<tr>
<td>
<object CLASSID="CLSID:B1953AD6-C50E-11d3-B020-00A0C9251384"
CODEBASE="http://www.o2c.de/download/o2cplayer.cab#version=1,9,9,311"
TITLE="Wenn Sie hier kein 3D
Objekt sehen, surfen Sie zu www.o2c.de und installieren Sie den O2C Player!"
NAME="thePlayer" WIDTH="417" HEIGHT="230">
<param name="BackColor" value="16777215">
<param name="AnimPlaying" value="true">
<param name="ObjectURL" value="Stuhl.o2c">
<embed CODEBASE="http://www.o2c.de/dl_plugin.htm" TYPE="application/x-o2c-object"
NAME="thePlayer" WIDTH="417" HEIGHT="230" PARAM_BackColor="16777215" PARAM_AnimPlaying="true"
PARAM_ObjectURL="Stuhl.o2c">
</object>
</td>
<td><form>
<table>
<tr>
<td align="right"><font face="Tahoma" size="2"><strong>Fuß</strong></font>:</td>
<td><a href="javascript:setMaterial1()"><image src="1.gif" border="0"></a></td>
<td><a href="javascript:setMaterial2()"><image src="2.gif" border="0"></a></td>
<td><a href="javascript:setMaterial3()"><image src="3.gif" border="0"></a></td>
</tr>
<tr>
<td align="right"><font face="Tahoma" size="2"><strong>Bezug:</strong></font></td>
<td><a href="javascript:setTexture1()"><image src="1.gif" border="0"></a></td>
<td><a href="javascript:setTexture2()"><image src="2.gif" border="0"></a></td>
<td><a href="javascript:setTexture3()"><image src="3.gif" border="0"></a></td>
</tr>
<tr>
<td align="right"><font face="Tahoma" size="2"><strong>Reset:</strong></font></td>
<td><a href="javascript:resetToInitial()"><image src="reset.gif" border="0"></a></td>
</tr>
</table>
<p><font face="Tahoma" size="2">Die
Bestellnummer dieses Stuhle ist:</font> <input
name="orderNo"
readonly type="text"
onClick="javascript:setTexture3()" size="20"> </p>
</form>
</td>
</tr>
</table>
<p align="left"><font face="Tahoma" size="2">Sehen
Sie sich den Quelltext dieser Seite <a
href="index.html">hier</a>
an! - Alle benötigten Dateien können Sie auch <a
href="/cgi-bin/index.cgi/js-example?protocol=http">aufgelistet</a>
sehen; - wenn Sie
möchten: laden Sie alles als <a href="js-example.zip">Paket</a> herunter. </font></p>
<p><script language="JavaScript">
var initialMat="258";
var initialTex="311";
var orderPrefix="08/15-2000-";
var orderMat;
var orderTex;
function UpdateOrderNo()
{
document.forms[0].orderNo.value =
orderPrefix + orderMat + "-" + orderTex;
}
function setMaterial1()
{
document.thePlayer.LoadMaterial(3,
"glas.ini");
orderMat="200";
UpdateOrderNo();
}
function setMaterial2()
{
document.thePlayer.LoadMaterial(3,
"weiss.ini");
orderMat="210";
UpdateOrderNo();
}
function setMaterial3()
{
document.thePlayer.LoadMaterial(3,
"schwarz.ini");
orderMat="212";
UpdateOrderNo();
}
function setTexture1()
{
document.thePlayer.ReplaceTexture(1,
"BEZUG13.BMP");
orderTex="305";
UpdateOrderNo();
}
function setTexture2()
{
document.thePlayer.ReplaceTexture(1,
"BEZUG08.BMP");
orderTex="307";
UpdateOrderNo();
}
function setTexture3()
{
document.thePlayer.ReplaceTexture(1,
"BEZUG04.BMP");
orderTex="309";
UpdateOrderNo();
}
function resetToInitial()
{
document.thePlayer.ReplaceMaterial(3,
0x0067727F, 0x00FFFFFF, 0, 0.6992188, 0.296875, 0.8984375, -1342296983);
document.thePlayer.ReplaceTexture(1, ">MOEBEL\\BEZUEGE\\BEZUG07.BMP");
orderMat=initialMat;
orderTex=initialTex;
UpdateOrderNo();
}
resetToInitial();
</script> </td>
<td align="center" valign="top" width="120" bgcolor="#C6C7E0"><!--#include file="nav.txt" --> </td>
</tr>
<tr>
<td><a href="/welcome.htm"><font color="#C6C7E0" size="2" face="Tahoma"><stro ng><strong>Welcome
to
the Revolution</strong></font></a></td>
<td width="120"
bgcolor="#C6C7E0"><p align="center"><font color="#000000" size="1"
face="Tahoma">(c) 2000 by mb-Software</font> </td>
</tr>
</table>
<hr size="1"
noshade>
</body>
</html>
|
Quick Link
Gallery Categorie
- e-Commerce
- Home
Electronics
- Architecture
- Engineering
-
Constructions
- Traffic
- Other
-
JavaScript
Quick Link
o2c Alliance
- Borussia Dortmund
- Otto Versand
- Velux
Fenster
- Hebel Haus
GmbH
- Kenngott Treppen
- net://grafics
Quick Link
License conditions
- License fees |