Incompatibilité php, svg et xmlhttprequest

Fermé
peyo56 - 14 juil. 2009 à 01:39
 pronostics paris sportifs - 23 févr. 2011 à 17:12
Bonjour,
voila depuis quelques temps que j'essaie de faire une page avec du svg et xmlhttprequest, ici avec un exemple piqué sur le web.

le probleme est que c'est soit l'un soit l'autre et non les deux, et cela etant dans un fichier php, ca depend donc du header:

en effet, le svg insérer comme cela ne peut etre que dans un fichier XML, et le xmlhttprequest ne veut pas s'excuter dans un fichiier dit XML:
<?php Header("content-type: application/xml + html"); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir="ltr" lang="en">
 <head>
  <link rel="alternate" type="application/rss+xml" title="Flux RSS" href="rss.php" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Ajax demo - Get text and display in body of page</title>
  <script language="JavaScript">
   function submitForm()
   { 
    var req = null; 
    document.getElementById("zone").innerHTML = "Started...";
    if (window.XMLHttpRequest)
    {
     req = new XMLHttpRequest();
     if (req.overrideMimeType) 
     {
      req.overrideMimeType('text/xml');
     }
    } 
    else if (window.ActiveXObject) 
    {
     try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e)
     {
      try {
       req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {}
     }
    }
    req.onreadystatechange = function()
    { 
     document.getElementById("zone").innerHTML = "Wait server...";
     if(req.readyState == 4)
     {
      if(req.status == 200)
      {
       document.getElementById("zone").innerHTML  = "Received:" + req.responseText;	
      }	
      else	
      {
       document.getElementById("zone").innerHTML="Error: returned status code " + req.status + " " + req.statusText;
      }	
     } 
    }; 
    req.open("POST", "respond.php", true); 
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    req.send("sentence=" + document.ajax.sentence.value); 
   } 
  </script>
  <style>
    fieldeset { background:none; }
    stop.begin { stop-color:yellow; }
    stop.end { stop-color:green; }
    body.invalid stop.end { stop-color:red; }
    #err { display:none; }
    body.invalid #err { display:inline; }
  </style>
 </head>
 <body bgcolor="#FFFFFF">
  <form name="ajax" method="POST" action="">
   <fieldset>
    <legend>HTML Form</legend>
    <p>
     <input type="text" id="sentence" size="80"/>
     <input type="button" value="Submit" onclick="submitForm();"/>
    </p>
    <div id="zone">
     Waiting...
    </div> 	
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice" style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;">
     <linearGradient id="gradient">
      <stop class="begin" offset="0%"/>
      <stop class="end" offset="100%"/>
     </linearGradient>
     <rect x="0" y="0" width="100" height="100" style="fill:url(#gradient)" />
     <circle cx="50" cy="50" r="30" style="fill:url(#gradient)" />
    </svg>
   </fieldset>
  </form>
 </body>
</html>

je voulais donc savoir si:
1)il y avait une erreur dans le code
2)s'il y avait une alternative pas trop compliquée et permettant les memes resultat (utilisation des 2 technologies)
3)si ca n'est pas possible, comment faire pour que cela soit possible, ayant deja fait des sites perso avec plein de svg, et avant commencé a faire des scripts incluant le xmlhttprequest.
A voir également:

1 réponse

Orvinfait Messages postés 15 Date d'inscription mercredi 24 septembre 2008 Statut Membre Dernière intervention 15 août 2009 1
15 juil. 2009 à 08:39
Ce n'est pas incompatible,

Bonjour,
Voici ici la règle d'un jeu de cartes fonctionnant en réseau avec SVG et AJAX
https://www.orvinfait.fr
Le jeu est à
https://www.orvinfait.fr

Les scripts Ajax que j'ai créés (côté client et serveur : )
https://www.orvinfait.fr
Ils peuvent gérer un nombre illimité de fonctions.

Forum sur SVG (Je n'ai pas beaucoup de temps pour tout expliquer)
http://www.svgfr.org/
0
pronostics paris sportifs
23 févr. 2011 à 17:12
c'est très intéressant
https://www.paris-pronostics-sportifs.com/">pronostics paris sportifs </
0