php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr
Cookies mittels Javascript hinzufügen Cookies mittels Javascript hinzufügen
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 09.01.2010, 16:16  
Neuer Benutzer
 
Registriert seit: 15.12.2009
Beiträge: 12
PHP-Kenntnisse:
Anfänger
KbrowseP befindet sich auf einem aufstrebenden Ast
Standard Cookies mittels Javascript hinzufügen
Ich habe eine HTML-Seite erstellt, welche mittels Javascript - Funktion die 4 Grundrechenarten ausführt.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>Rechenmaschine</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
      <script type="text/javascript">        
        function rechnen()
        {
          var a = parseInt(document.getElementById('a').value);
          var b = parseInt(document.getElementById('b').value);
          var s;
          var max = document.getElementById('Wahl').length; 
          for (var i=0; i<=max-1; i++) 
            { if (document.getElementById('Wahl')[i].selected) 
             { s=i; }   
        	  }
             if (s==0) {c = a + b;}
             if (s==1) {c = a - b;}
             if (s==2) {c = a * b;}
             if (s==3) {c = a / b;}
             document.getElementById('c').value = c;
        }
      </script>
  </head>
  <body onload="cookieread()" onunload="cookiewrite()">
   <h1><u>Rechenmaschine</u></h1>
    <form action="" method="post" name="reset"> 
     <table borde-style:="none"; rules="none">
      <tr>
        <th align="left";  valign="top">Wert 1:</th>
        <th align="left";  valign="top"><input type="text" size="3" id="a" name="a" /><br><br></th>
      </tr>
      <tr>
        <th align="left";  valign="top">Wert 2:</th>
        <th align="left";  valign="top"><input type="text" size="3" id="b" name="b" /><br><br></th>
      </tr>
       <tr>    
        <th align="left";  valign="top">Rechenoperation:</th>
        <th align="left";  valign="top">
           <select id="Wahl" name="Wahl" size="4" onchange="getLE()"> 
             <option>Addition</option><option>Subtraktion</option><option>Multiplikation</option><option>Division</option> 
           </select><br><br> 
          </th>
       </tr>
       <tr>   
         <th align="left";  valign="top"><input type="reset" value="Zur&#xFC;cksetzen"><input type="button" value="Ergebnis" onclick="rechnen()" /></th>
         <th align="left";  valign="top"><input type="text" size="3" id="c" name="c" /></th>
      </tr>
    </table>
   </form>     
  </body>
</html>
Wie kann ich Cookies hinzufügen, sodass bei den Feldern Wert1, Wet2 und Ergebnis (evt. noch Rechenoperation) die Wete, nach schließen und neuem öffnen der Webseite stehen bleiben?
KbrowseP ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 09.01.2010, 20:26  
Neuer Benutzer
 
Registriert seit: 09.01.2010
Beiträge: 22
PHP-Kenntnisse:
Fortgeschritten
bghosting befindet sich auf einem aufstrebenden Ast
Standard
Die Google-Suche mit Schlüsselwörtern "javascript cookies" führt beispielsweise zu folgendem: JavaScript Artikel: Cookies in JavaScript - HTMLWorld

Bitte das nächste mal selbst googlen.
bghosting ist offline   Mit Zitat antworten
Alt 10.01.2010, 13:35  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard
Vielleicht kannst du ja das jquery cookie plugin hier gebrauchen.
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline   Mit Zitat antworten
Alt 10.01.2010, 18:04  
Neuer Benutzer
 
Registriert seit: 15.12.2009
Beiträge: 12
PHP-Kenntnisse:
Anfänger
KbrowseP befindet sich auf einem aufstrebenden Ast
Standard
Habe mich mal ran gesetzt. Müsste so eigentlich funktionieren, klappt aber noch nicht ganz. Nur Wert 2 und das Ergebnis werden bei neuem öffen angezeigt.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
 <head>
  <title>Berechnung</title>
    <script type="text/javascript">
    
    
    function CookieWrite()
		{
		var a1 = document.all.wert1.value;
		var b2 = document.all.wert2.value;
		var c2 = document.all.ergebnis.value;
				
		var inhalte = a1 + "_" + b2 + "_" + c2;
		
		var strWert = "Werte=" + inhalte;
		var strPara;
		var objDate = new Date(); 
		var inEinemJahr = objDate.getTime() + (365 * 24 * 60 * 60 * 1000); 

		objDate.setTime(inEinemJahr); 
		strPara = "; Expires=" + objDate.toGMTString();
		/*alert("inhalte = " + inhalte + "\nstrPara = " + strPara);*/
		document.cookie = strWert + strPara;
		}
    
    function CookieRead()
		{	var cTxt;
			var inhaltsplit;
			var pos1
			var pos2
			if (document.cookie)
			{  	cTxt = document.cookie;
					inhaltsplit = cTxt.split("_");
					pos1 = inhaltsplit[0].search("=") + 1;
					pos2 = inhaltsplit[2].search(";");
					inhaltsplit[0] = inhaltsplit[0].slice(pos1);
					inhaltsplit[2] = inhaltsplit[2].slice(0, pos2);
					/*alert("inhaltsplit = "  + inhaltsplit[0] + " | " + inhaltsplit[1] + " | " + inhaltsplit[2]);*/
					document.all.wert1.value = inhaltsplit[0];
					document.all.wert2.value = inhaltsplit[1];
					document.all.ergebnis.value = inhaltsplit[2];
			}
		}
    
    function result () {
     var a, b, c, z;
     a=document.all.wert1.value;
     b=document.all.wert2.value;
     a=parseFloat(a);
     b=parseFloat(b);
     switch (document.all.auswahl.selectedIndex){
       case 0: {
        c=a+b;
        z="+";        
        break;
        }
       case 1: {
        c=a-b;
        z= "-";
        break;
       }
       case 2: {
        c=(a*b);
        z="*";
        break;
       }       
       case 3: {
        c=(a/b);
        z="/";
        break;
       }          
     }
     document.all.ergebnis.value=c;
    }
    function CheckAuswahl () {
     var z;
     switch (document.all.auswahl.selectedIndex){
       case 0: {
        z="+";
        break;
        }
       case 1: {
        z="-";
        break;
       }
       case 2: {
        z="*";
        break;
       }       
       case 3: {
        z="/";
        break;
       }       
     }
     document.getElementById('OpZeichen').innerHTML=z;
    }
            
  </script>
 </head>
 <body onload="CookieRead()" onunload="CookieWrite()">
  <h1><u>Rechenmaschine</u></h1><br>
  <form name="Eingabe" action="" method="post" name="reset">
   <table borde-style:="none"; rules="none">
      <tr>
        <th align="left";  valign="top">Wert 1:</th>
        <th align="left";  valign="top"><input type="text" name="wert1"><br></th>
      </tr>
      <tr> 
        <th align="left";  valign="top"></th>
        <td align="center"><span id="OpZeichen">+</span><br></td>
      </tr>
      <tr>
        <th align="left";  valign="top">Wert 2:</th>
        <th align="left";  valign="top"><input type="text" name="wert2"><br><br></th>
      </tr>
      <tr>    
        <th align="left";  valign="top">Rechenoperation:</th>
        <th align="left";  valign="top">
         <select name="auswahl" size="4" onchange="CheckAuswahl()"><option selected="selected">Addition</option><option>Subtraktion</option><option>Multiplikation</option><option>Division</option></select><br><br></th>
      </tr>
        <th align="left";  valign="top"><input type="reset" value="Zur&#xFC;cksetzen"><input type="button" value="Ergebnis" onclick="result ()"></th>
        <th align="left";  valign="top"><input type="text" name="ergebnis"></th>
      </tr>
   </table>
  </form>
 </body>
</html>
Vielen Dank im voraus!
Geändert von KbrowseP (10.01.2010 um 18:14 Uhr).
KbrowseP ist offline   Mit Zitat antworten
Alt 16.01.2010, 02:20  
Neuer Benutzer
 
Registriert seit: 15.12.2009
Beiträge: 12
PHP-Kenntnisse:
Anfänger
KbrowseP befindet sich auf einem aufstrebenden Ast
Standard
Hallo Leute,
der Cookie funktioniert jetzt bis auf die Option 'Rechenoperation'. Diese bleibt bei Neustart des Browser immer auf Addition.
Kann mir da jemand helfen?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
 <head>
  <title>Berechnung</title>
    <script type="text/javascript">   
    function CookieWrite()
		{
		var a1 = document.all.wert1.value;
		var b2 = document.all.wert2.value;
		var c2 = document.all.ergebnis.value;
				
		var inhalte = a1 + "_" + b2 + "_" + c2;
		
		var strWert = "Werte=" + inhalte;
		var strPara;
		var objDate = new Date(); 
		var inEinemJahr = objDate.getTime() + (365 * 24 * 60 * 60 * 1000); 

		objDate.setTime(inEinemJahr); 
		strPara = "; Expires=" + objDate.toGMTString();
		/*alert("inhalte = " + inhalte + "\nstrPara = " + strPara);*/
		document.cookie = strWert + strPara;
		}
    function CookieRead()
		{	var cTxt;
			var inhaltsplit;
			var pos1
			var pos2
			if (document.cookie)
			{  	cTxt = document.cookie;
					inhaltsplit = cTxt.split("_");
					pos1 = inhaltsplit[0].search("=") + 1;
					pos2 = inhaltsplit[2].search(";");
					inhaltsplit[0] = inhaltsplit[0].slice(pos1);
					inhaltsplit[2] = inhaltsplit[2].slice(0, pos2);
					/*alert("inhaltsplit = "  + inhaltsplit[0] + " | " + inhaltsplit[1] + " | " + inhaltsplit[2]);*/
					document.all.wert1.value = inhaltsplit[0];
					document.all.wert2.value = inhaltsplit[1];
					document.all.ergebnis.value = inhaltsplit[2];
			}
		}
    function result () {
     var a, b, c, z;
     a=document.all.wert1.value;
     b=document.all.wert2.value;
     a=parseFloat(a);
     b=parseFloat(b);
     switch (document.all.auswahl.selectedIndex){
       case 0: {
        c=a+b;
        z="+";        
        break;
        }
       case 1: {
        c=a-b;
        z= "-";
        break;
       }
       case 2: {
        c=(a*b);
        z="*";
        break;
       }       
       case 3: {
        c=(a/b);
        z="/";
        break;
       }          
     }
     document.all.ergebnis.value=c;
    }
    function CheckAuswahl () {
     var z;
     switch (document.all.auswahl.selectedIndex){
       case 0: {
        z="+";
        break;
        }
       case 1: {
        z="-";
        break;
       }
       case 2: {
        z="*";
        break;
       }       
       case 3: {
        z="/";
        break;
       }       
     }
     document.getElementById('OpZeichen').innerHTML=z;
    }   
  </script>
 </head>
 <body onload="CookieRead()" onunload="CookieWrite()">
  <h1><u>Rechenmaschine</u></h1><br>

  <form name="Eingabe" action="" method="post" name="reset">
   <table borde-style:="none"; rules="none">
      <tr>
        <th align="left";  valign="top">Wert 1:</th>
        <th align="left";  valign="top"><input type="text" name="wert1"><br></th>
      </tr>
      <tr> 
        <th align="left";  valign="top"></th>
        <td align="center"><span id="OpZeichen">+</span><br></td>

      </tr>
      <tr>
        <th align="left";  valign="top">Wert 2:</th>
        <th align="left";  valign="top"><input type="text" name="wert2"><br><br></th>
      </tr>
      <tr>    
        <th align="left";  valign="top">Rechenoperation:</th>
        <th align="left";  valign="top">

         <select name="auswahl" size="4" onchange="CheckAuswahl()"><option selected="selected">Addition</option><option>Subtraktion</option><option>Multiplikation</option><option>Division</option></select><br><br></th>
      </tr>
        <th align="left";  valign="top"><input type="reset" value="Zur&#xFC;cksetzen"><input type="button" value="Ergebnis" onclick="result ()"></th>
        <th align="left";  valign="top"><input type="text" name="ergebnis"></th>
      </tr>
   </table>
  </form>

 </body>
</html>
KbrowseP ist offline   Mit Zitat antworten
Antwort

« Quelltext austricksen? | <select> Feld mit jQuery ersetzten »

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
timing Probleme bzw Zusammenspiel PHP Javascript thica PHP Tipps 2009 2 19.02.2010 19:06
[Erledigt] Suche Coder für halbfertiges Script (Javascript, php, cgi-bin) star09 Beitragsarchiv 2 30.11.2009 22:08
Wie lade ich ein Javascript nach einer AJAX Abfrage neu? da.eXecutoR JavaScript, Ajax und mehr 3 21.09.2009 11:15
[Erledigt] Html -Startkonfiguration mittels Javascript laden ***tisc*** HTML, Usability und Barrierefreiheit 1 22.05.2009 16:29
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben beneblack PHP Tipps 2009 18 03.05.2009 22:40
JS: Einführung - Javascript im Schichtenmodell nikosch Tutorials 4 11.04.2009 17:06
1101: 10x JavaScript und kein Ende ist abzusehen… Nikolaus 2.0 Adventskalender 2008 9 13.12.2008 20:11
[Erledigt] DB Insert mittels JavaScript DerEine80 JavaScript, Ajax und mehr 13 13.10.2008 16:15
Sitzungsvariablen, Abfrage-Zeichenketten, Cookies dethlef14 PHP Tipps 2005-2 2 16.08.2005 15:42
sessions und cookies... PHP Tipps 2005-2 7 31.07.2005 21:17
Von Frame1 mittels JavaScript auf Frame2 zugreifen HTML, Usability und Barrierefreiheit 12 03.03.2005 16:34
Javascript HTML, Usability und Barrierefreiheit 5 31.08.2004 18:30
[Erledigt] Baumstrukturjavascript mittels PHP generieren HTML, Usability und Barrierefreiheit 4 27.08.2004 11:56
php + Javascript, Variablenübergabe PHP Tipps 2004 14 28.07.2004 15:42

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
cookies einfügen, cookies hinzufügen, cookie einfügen, cookie hinzufügen, javascript cookie ergänzen, javascript cookie einfügen, addiermaschine erstellen in javascript, wie kann ich cookies hinzufügen ?, cookie per javascript einfügen, cookie javascript hinzufügen, javascript cookie wert hinzufügen, cookie aus text einfügen, cookie einfügen wie, fastdebrid cookie einfügen, wie cookies hinzufügen, seiten cookie einfügen, wie cookies einfügen, javascrip cookie einfügen, wie kann ich coockie einfügen, wo cookies einfügen

Alle Zeitangaben in WEZ +2. Es ist jetzt 08:15 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum