Problème html

bizut07 · Mai 15, 2014, 2:33

Bonjour, je dois faire un site pour un projet dans le cadre de mon cours de français, j’y ai donc ajouté le jeu 2048 personnalisable grâce au site usvsth3m.co.uk…
j’ai copié/collé le code html de mon jeu une fois personnalisé, et j’aimerais créer un bouton/lien vers ma page d’accueil
Voilà une partie du code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> 

<script type='text/javascript'>var _sf_startpt=(new Date()).getTime()</script>
  


<nav>
        <ul>
          <li><a href="Accueil.htm">Retour à la page d'accueil</a></li>
          </ul>
      </nav>





  <title>2048: Jeux-Vidéos Edition</title>
  <base href="http://usvsth3m.co.uk/2048/">
  <meta name="description" content="A custom version of 2048, the addictive tile-matching game."> 
  <link href="/2048/style/main.css" rel="stylesheet" type="text/css">

  <meta name="apple-mobile-web-app-capable" content="yes">

  
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>

Seulement voilà, quand je clique sur mon lien, je suis redirigé vers usvsth3m.co.uk… où Accueil.htm est la cible du lien que j’ai rajouté pour rejoindre ma page d’accueil, et où usvsth3m.co.uk… est le contenu de la balise href.
Si dans la cible de mon lien je met “C:/Users/Martin/Desktop/SiteFR/Accueil.htm”, ça fonctionne nickel, mais le souci est que je dois présenter mon site pendant que j’ai cours, j’ai donc pensé alloué la lettre (par exemple) R:/ à ma clé usb, et mettre comme chemin de destination de mon lien “R:/SiteFR/Accueil.htm”, mais le problème avec ça, c’est que mon prof doit reprendre mon site chez lui afin de l’analyser, et je doute très fort qu’il place mon site sur une partition ayant la lettre R:/ et dans un dossier s’appelant SiteFR.
Donc j’ai modifié le code en supprimant la balise base href, et pour le lien vers le css, je l’ai réécri en entier (donc “http://usvsth3m.co.uk/2048/2048/style/main.css” (on voit ici 2 fois /2048, j’ai essayé en le mettant une fois et deux fois), mon lien redirige correctement vers ma page d’accueil (j’ai remis “Accueil.htm” tout seul pour le lien), mais le jeu ne fonctionne plus
Edité le 15/05/2014 à 14:35

bizut07 · Mai 15, 2014, 2:36

Voilà le code en entier, si ça peut aider


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> 

<script type='text/javascript'>var _sf_startpt=(new Date()).getTime()</script>
  


<nav>
        <ul>
          <li><a href="Accueil.htm">Retour à la page d'accueil</a></li>
          </ul>
      </nav>





  <title>2048: Jeux-Vidéos Edition</title>
 
  <meta name="description" content="A custom version of 2048, the addictive tile-matching game."> 
  <link href="http://usvsth3m.co.uk/2048/style/main.css" rel="stylesheet" type="text/css">

  <meta name="apple-mobile-web-app-capable" content="yes">

  
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
  
  
<style>

  
  .tile-text {
    display:inline-block;
    vertical-align: middle;
  }
  
  /* lol !important */
  
  .tile-inner { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; }


    
    .tile-2 .tile-inner {
      background-image: url(http://hack-console.fr/blog/wp-content/uploads/2014/02/Call-of-Duty-Black-Ops.jpg) !important; 
    }
  
    
    .tile-4 .tile-inner {
      background-image: url(http://mframegaming.com/admin/content/poster/9_1.png) !important; 
    }
  
    
    .tile-8 .tile-inner {
      background-image: url(http://www.telequebec.tv/images/contenus/emissions/teletubbies/emission/640x360/_defaut.jpg) !important; 
    }
  
    
    .tile-16 .tile-inner {
      background-image: url(http://static.gamespot.com/uploads/scale_medium/1197/11970954/2493584-goat-simulator-620x350.jpg) !important; 
    }
  
    
    .tile-32 .tile-inner {
      background-image: url(http://upload.wikimedia.org/wikipedia/en/9/91/Need_for_Speed,_Most_Wanted_2012_video_game_Box_Art.jpg) !important; 
    }
  
    
    .tile-64 .tile-inner {
      background-image: url(http://www.aeriesguard.com/var/crypte/storage/images/accueil/jeux-video/unreal-tournament/1261564-1-fre-FR/Unreal-Tournament.jpg) !important; 
    }
  
    
    .tile-128 .tile-inner {
      background-image: url(http://upload.wikimedia.org/wikipedia/fr/3/36/Trackmania_Nation_ESWC_Logo.jpg) !important; 
    }
  
    
    .tile-256 .tile-inner {
      background-image: url(http://images.wikia.com/bioshock/images/archive/1/14/20110625164351!BioShock_Infinite_Logo.png) !important; 
    }
  
    
    .tile-512 .tile-inner {
      background-image: url(http://www.wpfun.fr/wp-content/uploads/2014/01/27/gta-san-andreas-deboule-sur-windows-phone-8/GTAFull.jpg) !important; 
    }
  
    
    .tile-1024 .tile-inner {
      background-image: url(http://img1.wikia.nocookie.net/__cb20130711131856/minecraft-tutoriel/fr/images/e/e2/Minecraft-Logo.png) !important; 
    }
  
    
    .tile-2048 .tile-inner {
      background-image: url(http://www.woodcut-team.fr/images/battlefield_3.png) !important; 
    }
  
    
  
  .thisistext, p, a, h1 { color: #776e65; }
  .game-container { background-color: #bbada0 }
  
  
  .preload, .preload img { position: absolute; top: -100px; -left: 100px; width: 1px; height: 1px; overflow: hidden; }
  
  #fix { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: -1000; 
            
        background-color: #faf8ef;
      
        }

</style>


</div>

  
<script>
// GLOBALS, GLOBALS, BODGE ALL THE GLOBALS
var external_score; 
var tile_contents = ["","","","","","","","","","","",""];

var external_score; // yep, this is a bodge

function tweet() {
  
  var tweet = {};
  tweet.message='I scored ' + external_score + " in 2048: Jeux-Vidéos Edition! Can you beat me?" ;
  tweet.url="http://games.usvsth3m.com/2048/jeux-vidos-edition/";
  UVT.sharing.twitter(tweet);

}

function facebook() {

  var fbmsg = {};
  fbmsg.title='I scored ' + external_score + " in 2048: Jeux-Vidéos Edition! Can you beat me?" ;
  fbmsg.message="Make your own versions of addictive slidey-puzzle game 2048.";
  fbmsg.url="http://games.usvsth3m.com/2048/jeux-vidos-edition/";
  fbmsg.picture="http://games.usvsth3m.com/2048/intro.jpg";
  UVT.sharing.facebook(fbmsg);

}

var sizes = [];
function resizeTextOn(whichelement) {

  if (typeof sizes[whichelement] == "undefined") {

    //console.log("Performing hard maths on " + whichelement);

    $(whichelement + " .tile-inner").css("display", "block");
    $(whichelement + " .tile-text").css("display", "inline-block");

    $(whichelement + " .tile-text").css("fontSize", "60px");

    while ($(whichelement + " .tile-text").width()+30 > $(whichelement + " .tile-inner").width()) {
      var newSize = (parseInt($(whichelement + " .tile-text").css("fontSize")) - 1) + "px";
      $(whichelement + " .tile-text").css("fontSize", newSize);
    }

    if (typeof newSize == "undefined") { var newSize = "60px"; }

    $(whichelement + " .tile-text").css("lineHeight", newSize);

    if (parseInt(newSize) > 50) {
      $(whichelement + " .tile-text").css("position", "relative");
      $(whichelement + " .tile-text").css("top", "5px");
    } else {
      $(whichelement + " .tile-text").css("position", "relative");
      $(whichelement + " .tile-text").css("top", "0px");
    }

    $(whichelement + " .tile-inner").css("display", "table");
    $(whichelement + " .tile-text").css("display", "table-cell");

    sizes[whichelement] = newSize;

  } else {

    newSize = sizes[whichelement];

    $(whichelement + " .tile-text").css("fontSize", newSize);
    $(whichelement + " .tile-text").css("lineHeight", newSize);

    if (parseInt(newSize) > 50) {
      $(whichelement + " .tile-text").css("position", "relative");
      $(whichelement + " .tile-text").css("top", "5px");
    } else {
      $(whichelement + " .tile-text").css("position", "relative");
      $(whichelement + " .tile-text").css("top", "0px");
    }

    $(whichelement + " .tile-inner").css("display", "table");
    $(whichelement + " .tile-text").css("display", "table-cell");

  }

  //console.log(sizes);

}

$(document).keypress(function(event) {
  if ( event.which == 61 ) {
    $(".tile-container").empty();
    var tile = new Tile({x:0,y:0},2);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:1,y:0},4);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:2,y:0},8);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:3,y:0},16);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:0,y:1},32);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:1,y:1},64);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:2,y:1},128);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:3,y:1},256);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:0,y:2},512);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:1,y:2},1024);
    HTMLActuator.prototype.addTile(tile);
    var tile = new Tile({x:2,y:2},2048);
    HTMLActuator.prototype.addTile(tile);
  }
});

</script>

<style>
@media (min-width: 800px) {
  .sharer {
         -moz-column-count: 2;
         -moz-column-gap: 20px;
         -webkit-column-count: 2;
         -webkit-column-gap: 20px;
         
  }
  .sharer a { color: #0000cc; }
}
@media (max-width: 800px) {
  .sharer {
    padding: 0 10px;
  }
  .sharer a { color: #0000cc; }
}

</style>
</head>
<body>

  <div id="fix"></div>
  <div class="container">
    <div class="heading">
     
      <h1 class="title thisistext">2048:<br>Jeux-Vidéos Edition</h1>
            <p id="credit">by M & T</p>
      
      <div class="scores-container">
        <div class="score-container">0</div>
        <div class="best-container">0</div>
      </div>
    </div>

    <div class="game-container">
      <div class="game-message">
        <p></p>
        <div class="lower">
          
	        <a class="tweet">Tweete ton... Non, personne ne va sur Twitter</a>
	        <a class="facebook">Partage ton bête score sur Facebook</a>
          <a class="retry-button">Réessaye de faire un score encore plus moisi!</a>
          
        </div>
        <div class="sharing">
        
          <iframe class="twitter" allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=usvsth3m" style=" height:20px;"></iframe>
          <iframe class="facebook" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fusvsth3m&width&layout=standard&action=like&show_faces=false&share=false&height=35&appId=383984258388383" scrolling="no" frameborder="0" style="overflow:hidden; height:35px;" allowTransparency="true"></iframe>
          
        </div>
      </div>

      <div class="grid-container">
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
      </div>

      <div class="tile-container">

      </div>
    </div>

    <p class="game-explanation">
      <strong class="important">Comment jouer?</strong> Sers toi<strong> des touches flechées de ton clavier</strong> afin de bouger les jeux de place<br>Quand deux jeux identiques se touchent, ils évoluent en un jeu moins pourri. Découvre le meilleur jeu pour gagner!
    </p>
    
    
  </div>
  

  <script src="/2048/js/glom.js"></script>
  

  <div class="preload">
  <img src="http://hack-console.fr/blog/wp-content/uploads/2014/02/Call-of-Duty-Black-Ops.jpg" class="preload"><img src="http://mframegaming.com/admin/content/poster/9_1.png" class="preload"><img src="http://www.telequebec.tv/images/contenus/emissions/teletubbies/emission/640x360/_defaut.jpg" class="preload"><img src="http://static.gamespot.com/uploads/scale_medium/1197/11970954/2493584-goat-simulator-620x350.jpg" class="preload"><img src="http://upload.wikimedia.org/wikipedia/en/9/91/Need_for_Speed,_Most_Wanted_2012_video_game_Box_Art.jpg" class="preload"><img src="http://www.aeriesguard.com/var/crypte/storage/images/accueil/jeux-video/unreal-tournament/1261564-1-fre-FR/Unreal-Tournament.jpg" class="preload"><img src="http://upload.wikimedia.org/wikipedia/fr/3/36/Trackmania_Nation_ESWC_Logo.jpg" class="preload"><img src="http://images.wikia.com/bioshock/images/archive/1/14/20110625164351!BioShock_Infinite_Logo.png" class="preload"><img src="http://www.wpfun.fr/wp-content/uploads/2014/01/27/gta-san-andreas-deboule-sur-windows-phone-8/GTAFull.jpg" class="preload"><img src="http://img1.wikia.nocookie.net/__cb20130711131856/minecraft-tutoriel/fr/images/e/e2/Minecraft-Logo.png" class="preload"><img src="http://www.woodcut-team.fr/images/battlefield_3.png" class="preload">  </div>
  
<!-- UVT Sharing and Analytics for Interactives -->

    <div id="fb-root"></div>
    <script src="http://static.usvsth3m.com/js/unified-sharing.js"></script>

    <script type='text/javascript'>
        var _sf_async_config={};
        /** CONFIGURATION START **/
        _sf_async_config.uid = 33715;
        _sf_async_config.domain = 'usvsth3m.tumblr.com';
        _sf_async_config.useCanonical = true;
        _sf_async_config.sections = 'Change this to your Section name';  //CHANGE THIS
        _sf_async_config.authors = 'Change this to your Author name';    //CHANGE THIS
        /** CONFIGURATION END **/
        (function(){
          function loadChartbeat() {
            window._sf_endpt=(new Date()).getTime();
            var e = document.createElement('script');
            e.setAttribute('language', 'javascript');
            e.setAttribute('type', 'text/javascript');
            e.setAttribute('src', '//static.chartbeat.com/js/chartbeat.js');
            document.body.appendChild(e);
          }
          var oldonload = window.onload;
          window.onload = (typeof window.onload != 'function') ?
          loadChartbeat : function() { oldonload(); loadChartbeat(); };
        })();
        

  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : '383984258388383',                        // App ID from the app dashboard
      channelUrl : '//games.usvsth3m.com/channel.html', // Channel file for x-domain comms
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here
  };
        
    </script>

    <!-- SiteCatalyst Code -->
    <script type="text/JavaScript"><!--
    //var s_account = "tmrmirrordeveloper";
    var s_account = "tmrusvsthem,tmrgroupaggregateprod";
    var s_omnitureDNSAlias = "trinitymirror.112.2o7.net";
    //--></script>
    <script language="JavaScript" type="text/javascript" src="http://s.mirror.co.uk/resources/js/s_code.js"></script>
    <script language="JavaScript" type="text/javascript"><!--
    s.pageName ="us vs th3m:"+document.title;
    s.prop5 ="us vs th3m";
    s.prop1=document.location.host;
    s.eVar40=document.location.host;
    s.prop16="MGN5";
    s.prop21="MGN2";
    var s_code=s.t();if(s_code)document.write(s_code)//--></script>
    <script language="JavaScript" type="text/javascript"><!--
    if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'!-'+'-')
    //--></script><noscript><img src="http://trinitymirror.112.2o7.net/b/ss/tmrusvsthem,tmrmgnthreeaggprod/1/H.25.2--NS/0?[AQB]&cdp=3&[AQE]"
    height="1" width="1" border="0" alt="" /></noscript>

<!-- End UVT Sharing -->

</body>
</html>

bizut07 · Mai 16, 2014, 12:19

up