mais les jeux OA on pouvait les ouvrir sur tel ou tablette mais les relax non
donc j essaie de comparer le codage de page pour voir le bout de code qui va faire que le jeu va s'ouvrir sur tel ou tablette
récupéré aussi le code du bouton qui permet ie retour a la catégorie
page de game OA
\styles\city\template/game_body.html
Code : Tout sélectionner
<!-- INCLUDE overall_header.html -->
<!-- INCLUDE mchat_body.html -->
<script type="text/javascript">
<!--
var fieldname = 'mark';
var xmlHttp = http_object();
var game_id = {GAME_ID};
function handle_send(value)
{
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
{
param = 'mode=vote';
param += '&id=' + game_id;
param += '&vote=' + value;
xmlHttp.open("POST", './arcadeoa.php', true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = handle_return;
xmlHttp.send(param);
}
}
function handle_return()
{
if (xmlHttp.readyState == 4)
{
results = xmlHttp.responseText;
if (results)
{
document.getElementById(fieldname).innerHTML = results;
}
}
}
function http_object()
{
if (window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alerte('Cound not create XmlHttpRequest Object. Consider upgrading your browser.');
}
}
function changeStar( id )
{
idArray = new Array('star0','star1','star2','star3','star4','star5','star6','star7','star8','star9');
var i = 0;
for( i = 0; i <= id; i++ )
{
document.getElementById( idArray[i] ).src = './images/wholeStar.gif';
}
for( i = id+1; i < 10; i++ )
{
document.getElementById( idArray[i] ).src = './images/emptyStar.gif';
}
}
var display_pos = 0;
function aff_pos()
{
if(display_pos == 0)
{
display_pos = 1;
//$('#ranknext').slideDown('slow');
document.getElementById('ranknext').style.display = 'block';
document.getElementById('ranknext_text').innerHTML = "{L_RANK_POS_TEXT_BLOCK}";
}
else
{
display_pos = 0;
//$('#ranknext').slideUp('slow');
document.getElementById('ranknext').style.display = 'none';
document.getElementById('ranknext_text').innerHTML = "{L_RANK_POS_TEXT_NONE}";
}
}
//-->
</script>
<div class="categories_haut_bloc">
<div class="categories_haut-gauche"></div>
<div class="categories_haut-centre"><div style="text-align: center" class="categories_texte">{CATEGORIE_NAME}</div></div>
<div class="categories_haut-droit"></div>
</div>
<div class="categories_bordure_bloc">
<div class="categories_bordure_gauche">
<div class="categories_bordure_droit">
<div class="categories_contenu">
<!-- IF VIEW_GAME -->
<div class="forumbg">
<div class="inner"><span class="corners-top"><span></span></span>
<table width="100%" class="row bg1">
<tr width="100%">
<td width="" colspan="2" style="text-align:center" valign="top">
<div class="categories_haut_bloc_fish">
<div class="categories_haut-gauche_fish"></div>
<div class="categories_haut-centre_fish"><div style="text-align: center" class="categories_texte"><a href="{U_GAME}">{GAME_NAME}</a></div></div>
<div class="categories_haut-droit_fish"></div>
</div>
<div class="categories_bordure_bloc_fish">
<div class="categories_bordure_gauche_fish">
<div class="categories_bordure_droit_fish">
<div class="categories_contenu">
<div id="mark">
<h4><a href="{CAT_PAGE}" class="{S_CONTENT_FLOW_BEGIN}">{L_CAT_PAGE}</a> <a href="{U_GAME_BUG}">{L_GAME_BUG}</a> <a href="{ARCADE_PAGE}" class="{S_CONTENT_FLOW_END}">{L_ARCADE_PAGE}</a></h4><br />
{VOTE}<br />
{GAME_VOTE}<br />
</div>
{L_ADD_TO_BOOKMARKS} : <a href="{U_BOOKMARK}"><img src="{IMG_BOOKMARK}" /></a></div>
<div align="center">
<strong><a href="javascript:setFlashSize('game', {GAME_WIDTH}*0.50, {GAME_HEIGHT}*0.50);">50%</a>-<a href="javascript:setFlashSize('game', {GAME_WIDTH}*0.75, {GAME_HEIGHT}*0.75);">75%</a>-<a href="javascript:setFlashSize('game', {GAME_WIDTH}, {GAME_HEIGHT});">100%</a>-<a href="javascript:setFlashSize('game', {GAME_WIDTH}*1.25, {GAME_HEIGHT}*1.25);">125%</a>-<a href="javascript:setFlashSize('game', {GAME_WIDTH}*1.5, {GAME_HEIGHT}*1.5);">150%</a></strong><br /><br />
<div id="game" style="width:{GAME_WIDTH}px; height:{GAME_HEIGHT}px;">
<script type="text/javascript" language="JavaScript">
function setFlashSize(divid, newW, newH){
document.getElementById(divid).style.width = newW+"px";
document.getElementById(divid).style.height = newH+"px";
}
document.write('<object data="games/{S_GAME}" width="100%" height="100%" type="application/x-shockwave-flash">');
document.write('<param name="movie" value="games/{S_GAME}" /> <param name="type" value="application/x-shockwave-flash" /> <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer/" /> <param name="menu" value="false" /> <param name="wmode" value="black"> <param name="FlashVars" value="gid={GAME_ID}&gamesessid={GAME_SESSION_ID}" /> ');
document.write('</object>');
</script>
<noscript>
<object type="application/x-shockwave-flash" data="games/{S_GAME}" width="{GAME_WIDTH}" height="{GAME_HEIGHT}">
<param name="movie" value="games/{S_GAME}" />
<param name="type" value="application/x-shockwave-flash" />
<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer/" />
<param name="menu" value="false" />
<param name="wmode" value="black">
<param name="FlashVars" value="gid={GAME_ID}&gamesessid={GAME_SESSION_ID}" />
</object>
</noscript>
</div>
</div>
<br/>
<!-- IF U_ACP --><p><a href="{U_GAME_EDIT}"><strong>{L_GAME_EDIT}</strong></a></p><!-- ENDIF -->
<p>{DESCRIPTION}</p>
<br/><br/>
<div>
<div><p style="margin:0px;padding:0px;font-weight:bold;">{L_GAME_TYPE}</p></div>
<div><img src="{GAME_TYPE}" border="0" /></div>
</div>
</div> <!-- end cats content -->
</div> <!-- end cats borderright -->
</div> <!-- end cats borderleft -->
</div> <!-- end cats border block -->
<div class="categories_base_bloc_fish">
<div class="categories_base-gauche_fish"></div>
<div class="categories_base-centre_fish"></div>
<div class="categories_base-droit_fish"></div>
</div> <!-- end cats base block -->
</td>
<td width="30%" valign="top">
<!-- IF S_CHAMPION -->
<div class="categories_haut_bloc_fish">
<div class="categories_haut-gauche_fish"></div>
<div class="categories_haut-centre_fish"><div style="text-align: center" class="categories_texte">Le boss du jeu</div></div>
<div class="categories_haut-droit_fish"></div>
</div>
<div class="categories_bordure_bloc_fish">
<div class="categories_bordure_gauche_fish">
<div class="categories_bordure_droit_fish">
<div class="categories_contenu">
<center><dd>______________</dd><center/>
<table width="100%" height="100%" class="row bg1">
<tr>
<td width="20%">
<dt>
{GAMER_AVATAR}<br />
</dt>
</td>
<td width="80%">
<strong>{GAMER_FULL}</strong><br />
<dd> <strong>{L_HIGHEST_SCORE}:</strong> {HIGHEST}</dd>
<dd> <strong>{L_POSTS}:</strong> {POSTER_POSTS}</dd>
<dd> <strong>{L_JOINED}:</strong> {POSTER_JOINED}</dd>
<!-- IF S_FROM --><dd> <strong>{L_LOCATION}:</strong> {POSTER_FROM}</dd><!-- ENDIF -->
<dd> <strong><img src="./images/qualitycup.gif" >:</strong> <a href="{U_STATS_USER}" >{NBR_CUPS}</a></dd>
</td>
<td>
</td>
</tr>
<tr>
<td>Commentaire</td>
<td>
<marquee direction="left" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" width="100%">
<strong>
<!-- BEGIN top_gamer -->
{top_gamer.GAMER_COMMENT}
<!-- END top_gamer -->
</strong>
</marquee>
</td>
<td>
<!-- IF MODO_FUNCTIONS -->
<a href="{MODO_COMM_U}"><img src="./images/OA/icon_delete.gif" alt="{L_DELETE_COMM}" title="{L_DELETE_COMM}" /></a>
<!-- ENDIF -->
</td>
</tr>
</table>
</div> <!-- end cats content -->
</div> <!-- end cats borderright -->
</div> <!-- end cats borderleft -->
</div> <!-- end cats border block -->
<div class="categories_base_bloc_fish">
<div class="categories_base-gauche_fish"></div>
<div class="categories_base-centre_fish"></div>
<div class="categories_base-droit_fish"></div>
</div>
<!-- ENDIF -->
<!-- IF S_TOP -->
<div class="categories_haut_bloc_fish">
<div class="categories_haut-gauche_fish"></div>
<div class="categories_haut-centre_fish"><div style="text-align: center" class="categories_texte">{L_SCORE_TABLE}</div></div>
<div class="categories_haut-droit_fish"></div>
</div>
<div class="categories_bordure_bloc_fish">
<div class="categories_bordure_gauche_fish">
<div class="categories_bordure_droit_fish">
<div class="categories_contenu">
<table width="100%">
<tr>
<td width="13%" style="text-align:center"><strong> # </strong></td>
<td width="53%" style="text-align:center"><strong> {L_SPEUDO} </strong></td>
<td width="34%" style="text-align:center"><strong> {L_POINTS} </strong></td>
</tr>
<!-- BEGIN top_gamer -->
<tr>
<td width="13%" style="text-align:center">{top_gamer.GAMER_RANK}</td>
<td width="53%" style="text-align:center">{top_gamer.GAMER_NAME}</td>
<td width="34%" style="text-align:center">{top_gamer.GAMER_SCORE}</td>
</tr>
<!-- END top_gamer -->
</table>
<div id="ranknext" style="display:none;">
<table width="100%">
<!-- BEGIN top_gamer_next -->
<tr>
<td width="13%" style="text-align:center">{top_gamer_next.GAMER_RANK}</td>
<td width="53%" style="text-align:center">{top_gamer_next.GAMER_NAME}</td>
<td width="34%" style="text-align:center">{top_gamer_next.GAMER_SCORE}</td>
</tr>
<!-- END top_gamer_next -->
</table>
</div>
<br/>
<div style="text-align:center;display:{RANK_LINK};"><a href='javascript:aff_pos();'><b><div id="ranknext_text">{L_RANK_POS_TEXT_NONE}</div></b></a></div>
<center>{SHARE}</center>
</div> <!-- end cats content -->
</div> <!-- end cats borderright -->
</div> <!-- end cats borderleft -->
</div> <!-- end cats border block -->
<div class="categories_base_bloc_fish">
<div class="categories_base-gauche_fish"></div>
<div class="categories_base-centre_fish"></div>
<div class="categories_base-droit_fish"></div>
</div>
<!-- ENDIF -->
</td>
</tr>
</table>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- ELSE -->
<div class="panel" id="message">
<p>{L_GAME_STOP}{DEVISE_POINT}{L_GAME_STOP_NEXT}<br /><br /><a class="left" href="./arcadeoa.php">{L_GAME_STOP_RETURN}</a></p>
</div>
<!-- ENDIF -->
</div> <!-- end cats content -->
</div> <!-- end cats borderright -->
</div> <!-- end cats borderleft -->
</div> <!-- end cats border block -->
<div class="categories_base_bloc">
<div class="categories_base-gauche"></div>
<div class="categories_base-centre"></div>
<div class="categories_base-droit"></div>
</div> <!-- end cats base block -->
<!-- IF S_WHO_IS_PLAYING -->
<!-- INCLUDE who_s_playing.html -->
<!-- ENDIF -->
<div style="width:100%;text-align:center">{L_COPYRIGHT_OA}</div><br />
<div style="width:100%;text-align:center">{L_BUTTON_OA}</div>
<!-- INCLUDE overall_footer.html -->code page relax
\ext\teamrelax\relaxarcade\styles\city\template/arcade_games_body.html
Code : Tout sélectionner
<!-- INCLUDE overall_header.html -->
<script type="text/javascript">
// <![CDATA[
var originalwidth = {GAME_WIDTH};
var originalheight = {GAME_HEIGHT};
//Taille maximum/mini que vous autorisez, Taille originale * Coef ...
var coef = 1.5;
function increasesize()
{
var breedte = parseInt(document.getElementById("game-ra").style.width) * 1.1;
var hoogte = parseInt(document.getElementById("game-ra").style.height) * 1.1;
if(breedte <= (originalwidth * coef))
{
document.getElementById("game-ra").style.cssText = 'margin: 0px auto; width: '+breedte+'px; height: '+hoogte+'px;';
}
}
function decreasesize()
{
var breedte = parseInt(document.getElementById("game-ra").style.width) / 1.1;
var hoogte = parseInt(document.getElementById("game-ra").style.height) / 1.1;
if(breedte >= (originalwidth / coef))
{
document.getElementById("game-ra").style.cssText = 'margin: 0px auto; width: '+breedte+'px; height: '+hoogte+'px;';
}
}
function razsize()
{
document.getElementById("game-ra").style.cssText = 'margin: 0px auto; width: '+originalwidth+'px; height: '+originalheight+'px;';
}
// ]]>
</script>
<!-- IF U_ACP -->
<div class="forabg">
<div class="inner">
<table class="table2" width="100%" cellspacing="1">
<tbody>
<tr>
<td align="center" style="width: 33%;">
<form method="POST" action="{U_THIS_GAME}" name="ch_cat">
<input name="g_id" type="hidden" id="g_id" value="{GAME_ID}" />
<input name="cat_id" type="hidden" id="cat_id" value="{U_CAT}" />
<span class="movegame">{L_MODIFY_CATEGORY}</span>
<select title="" name="arcade_categories_move">
<!-- BEGIN arcade_categories_select -->
{arcade_categories_select.U_CATEGORIES_PLAY}
<!-- END arcade_categories_select -->
</select>
<input name="do" id="do" value="ch_cat" type="hidden" />
<input value="{L_ENVOYER}" name="youpi" type="submit" />
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="forabg_bottom"></div>
<!-- ENDIF -->
<div class="forabg">
<div class="inner">
<ul class="topiclist">
<li class="header">
<!-- IF IS_PHPBB31 --><dl class="icon"><!-- ENDIF --><!-- IF IS_PHPBB32 --><dl class="row-item"><!-- ENDIF -->
<dd style="width:25% ; text-align:center;">{GAME_LIBCHAMPION}</dd>
<dd style="width:50% ; text-align:center;">{GAME_NAME_NOLINK}</dd>
<dd style="width:25% ; text-align:center;">{SCORE_ULTIME_L}</dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<div class="panel_ra bg1">
<div class="inner">
<table width="100%"cellspacing="0">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle; width: 25%">
<!-- IF AVATARCHAMPION -->
<div title="{L_GAME_CHAMPION} : {L_CHAMPION_DE} {GAME_NAME_NOLINK}">{AVATAR_CHAMPION}</div>
<!-- ENDIF -->
<strong>{GAME_LIBCHAMPION} : </strong>{CHAMP_PLAYER}
</td>
<td style="text-align: center; vertical-align: top; width: 50%">
<table width="100%" cellspacing="1">
<tr>
<td style="text-align: center" colspan="3">{L_TOP}</td>
</tr>
<!-- BEGIN scorerow -->
<tr class="<!-- IF scorerow.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
<td style="width: 10%; text-align: center">{scorerow.POS}</td>
<td style="width: 10%; text-align: center">{scorerow.PLAYER}</td>
<td style="width: 10%; text-align: center">{scorerow.SCORE}</td>
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
<!-- IF RADEFIS_DISABLE -->
<td style="width: 1%; text-align: center">{scorerow.U_RELAXDEFIS}</td>
<!-- ENDIF --><!-- ENDIF -->
<!-- IF U_ACP -->
<td style="width: 1%; text-align: center">{scorerow.U_DEL_UI}</td>
<!-- ENDIF -->
</tr>
<!-- END scorerow -->
</table>
</td>
<td style="text-align: center; vertical-align: middle; width: 25%">
<!-- IF AVATARCHAMPION_SU -->
<div title="{L_GAME_CHAMPION_SU} : Score ultime de {GAME_NAME_NOLINK}">{AVATAR_CHAMPION_SU}</div>
<!-- ENDIF -->
<strong>{SCORE_ULTIME_L} : </strong> {PLAYER_ULTIME}<!-- IF U_DEL_US --> {U_DEL_US}<!-- ENDIF -->
</td>
</tr>
</tbody>
</table>
<hr/>
<table width="100%"cellspacing="0">
<tbody>
<tr>
<td style="width: 25%; text-align: center"><strong>{L_RA_FAV_GAME}</strong>{IMGBOOKMARK}
<br /><strong>{L_GAME_TYPEJEU_EXPLAIN} : </strong>{GAME_TYPE}
</td>
<td style="width: 50%; text-align: center"><strong>{GAME_DESC} : </strong><br/>{GAME_DESCRIPTION}</td>
<td style="width: 25%; vertical-align: bottom; text-align: center">{GAME_CONTROLE}</td>
</tr>
</tbody>
</table>
<!-- IF S_RELAX_BUG -->
<div style="width: 100%;text-align: center;">
<strong ><a style="color:red;" href="{U_RELAXBUG}">{L_U_RELAXBUG}</a></strong></div>
<!-- ENDIF -->
<!-- IF U_ACP -->
<div style="text-align: center;">
{U_MOD}<br />
</div>
<!-- ENDIF -->
<hr/>
<table width="100%" cellspacing="1">
<tbody>
<tr>
<td style="text-align: center">
<div style="text-align:center;">
{IMGFULLSCREEN} {IMGPLUS} {IMGMOINS} {IMGRAZ} {IMGRELOAD}
</div>
<table style="width: 100%">
<tr>
<td style="text-align: center">
<!-- IF not GAME_TYPEJEU_EXPLAIN -->
<div id="game-ra" style="text-align: center; clear: both; display: block; margin: 0 auto; width: {GAME_WIDTH}px; height: {GAME_HEIGHT}px;">
<object data="{SWF_GAME}.swf" width="100%" height="100%">
<param name="movie" value="{SWF_GAME}"/>
<param name="type" value="application/x-shockwave-flash"/>
<param name="bgcolor" value="#{GAME_BGCOLOR}"/>
<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer/"/>
<param name="menu" value="false"/>
<param name="wmode" value="direct"/>
<param name="allowFullScreen" value="true" />
alt : <a href="{SWF_GAME}">{SWF_GAME}</a>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="flashdetect">
<param name="movie" value="flashdetect.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#{GAME_BGCOLOR}" />
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="direct"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flashdetect.swf" width="100%" height="100%">
<param name="quality" value="high" />
<param name="bgcolor" value="#{GAME_BGCOLOR}" />
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="direct"/>
</object>
<!--<![endif]-->
</object>
</object>
</div>
<!-- ELSE -->
<div id="game-ra"
style="text-align: center; clear: both; display: block; margin: 0 auto; width: {GAME_WIDTH}px; height: {GAME_HEIGHT}px;">
<iframe src="{SWF_GAME}.html" scrolling="no" width="100%" height="100%" allowfullscreen="true"></iframe>
</div>
<!-- ENDIF -->
<script>
var videoElement = document.getElementById("game-ra");
function toggleFullScreen() {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods
if ( videoElement.requestFullscreen) {
videoElement.requestFullscreen();
} else if ( videoElement.msRequestFullscreen) {
videoElement.msRequestFullscreen();
} else if ( videoElement.mozRequestFullScreen) {
videoElement.mozRequestFullScreen();
} else if ( videoElement.webkitRequestFullscreen) {
videoElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
}
</script>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="forabg_bottom"></div>
<div class="forabg">
<div class="inner">
<ul class="topiclist">
<li class="header">
<dl>
<dd style="width:100%;text-align:center;">{L_ARCADE_PLAYING}</dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<li class="bg1">
<dl>
<dd style="width:100%;">
<table width="100%" cellspacing="1">
<tbody>
<!-- BEGIN arcadeplaying_row -->
<tr>
<td>
{arcadeplaying_row.GAMENAME}{arcadeplaying_row.PLAYERLIST}
</td>
</tr>
<!-- END arcadeplaying_row -->
</tbody>
</table>
</dd>
</dl>
</li>
</ul>
</ul>
</div>
</div>
<div class="forabg_bottom"></div>
<!-- IF MCHAT_INDEX and S_RA_MCHAT_GAMES -->
<!-- INCLUDE @dmzx_mchat/mchat_body.html -->
<!-- ENDIF -->
<!-- INCLUDE overall_footer.html -->
