✔ [Ajax] Bildertausch

[LiebHabSchafi]

Hallo,

meiner einer hat wiedermal ein Problem mit Firefox, leider.
Ich habe eine Ajax Script gebastelt was mir aus einer Datenbank 2 beliebige Bilder ausliest und diese anzeigt. Wenn ich nun eins dieser Bilder bewerte, sollen die nächsten 2 Bilder ausgewählt werden. Das alles ist kein Problem, nur die Anzeige der neuen Bilder nach dem Bewerten. Im Internet Explorer Funktioniert es und im Opera auch nur nicht im Firefox.

Ajax-Code

	var xmlHttp = false;
	try {
		xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e){
	   	try {
	  		xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
	  	}
      	catch(e) {
	  		xmlHttp  = false;
		}
	}
	if (!xmlHttp  && typeof XMLHttpRequest != 'undefined') {
		xmlHttp = new XMLHttpRequest();
	}
     
	function loadVotingBilder(){	
		xmlHttp.abort();
    	if (xmlHttp){
     		xmlHttp.open('POST', 'content/func_getVotingBilder.func.php', true);
     		xmlHttp.onreadystatechange = function (){
     			if (xmlHttp.readyState == 4){
       				self.document.getElementById("zeigeVotingBilder").innerHTML = xmlHttp.responseText;
     			}
     		};
			xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
     		xmlHttp.send(null);
    	}
  	}
  	
  	function saveVotingBilder(){
		if (xmlHttp){
			xmlHttp.open('POST', 'content/func_setVotingBilder.func.php');
		    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		    xmlHttp.send('Foto_id_1='+self.document.frmVoting.LastVotingID_1.value+'&Foto_id_2='+self.document.frmVoting.LastVotingID_2.value);
		}
		loadVotingBilder();
	}
	loadVotingBilder();

HTML Aufruf

			<form action='' name='frmVoting' method='POST' onSubmit='javascript:saveVotingBilder(); return false;'>
				<table border='0' width="100%" class="content">
					<tr><td class="ueberschrift_content">User Voting</td></tr>
				 	<tr>
				 		<td>
						    <table width='550' align='center' border='0'>
							    <tr><td colspan="2">&nbsp;</td></tr>
						    	<tr>
						      		<td colspan="2">
						      			<div id="zeigeVotingBilder"></div>
							     	</td>
							    </tr>
							    <tr><td colspan="2">&nbsp;</td></tr>
							</table>
				  		</td>
				  	</tr>
				 	<tr class="content_height"><td></td></tr>
				</table>
			</form>

schonmal besten Dank vorraus.

 

[Sven Mintel]

Probiere mal, das xmlHttp.abort() nur in Opera/IE auszuführen.

if(document.all)xmlHttp.abort();

 

[LiebHabSchafi]

Hallo,

erstmal danke für deine Antwort, habe Sie aber leider zuspät gelesen habe es nun anderser gelöst und dies funktioniert auch

Hier die andere Version

  <script language="JavaScript1.2" type="text/javascript">
  <!--
    var xmlHttp = false;
    try {
      xmlHttp  = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e){
      try {
        xmlHttp  = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e) {
        xmlHttp  = false;
      }
    }
    if (!xmlHttp  && typeof XMLHttpRequest != 'undefined') {
      xmlHttp = new XMLHttpRequest();
    }
	     
    function getVotingBilder(bild1,bild2){
      xmlHttp.abort();
      if(xmlHttp){
        xmlHttp.open('POST', 'content/func_VotingBilder.func.php', true);
        xmlHttp.onreadystatechange = function (){
          if (xmlHttp.readyState == 4){
            self.document.getElementById("showVotingBilder").innerHTML = xmlHttp.responseText;
          }
        };			
        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        if(bild1 == 0 && bild2 == 0)
        {
          xmlHttp.send(null);
        }
        else
        {
          xmlHttp.send('FotoID1='+bild1+'&FotoID2='+bild2);
        }
      }
    }
    getVotingBilder(0,0);
  //-->
  </script>