Ergebnis 1 bis 8 von 8

Javascript Variable übergeben

Erstellt von Ralf_aus_Do, 09.03.2006, 14:13 Uhr · 7 Antworten · 2.245 Aufrufe

  1. #1
    Avatar von Ralf_aus_Do

    Registriert seit
    11.01.2005
    Beiträge
    3.787

    Javascript Variable übergeben

    Wie ist es möglich mit Javascript eine Variable so zu deklarieren, daß sie von der einen zur nächsten Seite übergeben wird?

    Wirklich nur mit Cookies?

  2.  
    Anzeige
  3. #2
    Avatar von maphrao

    Registriert seit
    19.01.2006
    Beiträge
    6.604

    Re: Javascript Variable übergeben

    Am einfachsten per Cookie, geht aber auch über die URL.
    Klick
    Noch besser, sicherer und sauberer wäre es aber, wenn du es mit PHP machst, falls möglich.

  4. #3
    Avatar von Ralf_aus_Do

    Registriert seit
    11.01.2005
    Beiträge
    3.787

    Re: Javascript Variable übergeben

    Zitat Zitat von maphrao",p="323724
    [...]Noch besser, sicherer und sauberer wäre es aber, wenn du es mit PHP machst, falls möglich.
    Nun, die Seite ist zwar 'ne PHP Seite, es geht mir im wesentlichen aber darum die aktuellen Positionsangaben von Laufschriften beim 'Seitenwechsel' zu übergeben ... und da follen mir aktuell nur Cookies ein ... finde das mit den Cookies nicht so richtig schön

  5. #4
    Avatar von maphrao

    Registriert seit
    19.01.2006
    Beiträge
    6.604

    Re: Javascript Variable übergeben

    Zitat Zitat von Ralf_aus_Do",p="323731
    Nun, die Seite ist zwar 'ne PHP Seite, es geht mir im wesentlichen aber darum die aktuellen Positionsangaben von Laufschriften beim 'Seitenwechsel' zu übergeben ... und da follen mir aktuell nur Cookies ein ... finde das mit den Cookies nicht so richtig schön
    Unabhängig davon, dass ich von Javascript-Laufschriften nicht viel halte, kannste es ja trotzdem per URL übergeben

  6. #5
    Avatar von Visitor

    Registriert seit
    15.11.2000
    Beiträge
    1.093

    Re: Javascript Variable übergeben


  7. #6
    Avatar von Ralf_aus_Do

    Registriert seit
    11.01.2005
    Beiträge
    3.787

    Re: Javascript Variable übergeben

    Das "Übergeben mit 'window.name'" ist genau das Richtige!

    Danke

  8. #7
    Avatar von martinus

    Registriert seit
    25.06.2003
    Beiträge
    2.958

    Re: Javascript Variable übergeben

    Hallo Ralf,

    hab das mal so gelöst, daß ein PHP-Script mit Hilfe eines Variablenschalters über den Formularaufruf mit POST an ein 2. PHP-Script übergeben hat.
    Es ging aber nur der vollständige Pfad im Action-Tag!
    form onsubmit=selectThem() name=expForm enctype=multipart/form-data action=http://server/export.html method=post

    Das 2. Script hat dann die Auswert-Arbeit geleistet.

    Mit dem JavaScript "Window-Befehl" hat das irgendwie nicht funktioniert; keine Ahnung warum, ich habs nie herausgefunden.

    Zu erwähnen ist noch, daß das Script nicht im WWW sondern auf einem lokalen Apache-Server lief.

    Martin

  9. #8
    Avatar von Ralf_aus_Do

    Registriert seit
    11.01.2005
    Beiträge
    3.787

    Re: Javascript Variable übergeben

    Nun, hat mit window.name funktionuckelt (die Baustelle findet sich hier

    Es ging mir darum, daß sich die beiden Laufschriften beim Seitenwechsel nicht erneut aufbauen, sondern daß sie da weitermachen, wo sie vor dem Seitenwechsel waren.

    Für interessierte

    Der Seitenquelltext

    1. gemeinsamer Teil

    [php:1:e219323eb8]
    <meta name="robots" content="all,index,follow">
    <meta name="revisit-after" content="20 days">
    <meta http-equiv="content-language" content="de">
    <meta http-equiv="content-language" content="en">
    <meta http-equiv="expires" content="0">
    <link href="http://www.hans-runkel.com/r06/styles/main" rel="stylesheet" type="text/css">
    <link href="styles/main" rel="stylesheet" type="text/css">
    <script language="JavaScript" src="http://www.hans-runkel.com/r06/lauf.js">
    </script>
    </head>
    <body onUnload="JavaScript: zuweisen() ;">
    <div class="tidiv">
    <h1>Hans Runkel</h1>
    <h2>Erdgas-Heizsysteme</h2>
    <div id="ls" class="kon" style="position:absolute; width:514px; height:14px; z-index:1; left: 600px; top: 72px;">Individuelle
    Konzepte für gasbeheizte Industrieofenanlagen</div>
    </div>
    [/php:1:e219323eb8]

    2. gemeinsamer Teil

    [php:1:e219323eb8]
    <div class="addiv"> <font style="font-weight: 700">Hans Runkel

    Erdgas-Heizsysteme

    </font> Größe Flurstraße 69

    42275 Wuppertal



    info@hans-runkel.de
    <table cellpadding="0" cellspacing="0" width="112px">
    <tr>
    <td class="telti">Tel:</td>
    <td class="tel">0202 / 2 55 54-0</td>
    </tr>
    <tr>
    <td class="telti">Fax:</td>
    <td class="tel">0202 / 57 13 80</td>
    </tr>
    </table>
    </div>
    </div>
    <div id="lsfeld" class="lsdiv">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    ticker();
    //-->
    </script>
    <?php
    $dbServer = '****';
    $cfgServers[1]['port'] = '****'; //
    $dbuser = '*****';
    $dbpassword = '********';
    $dbname = '******';
    $db=MYSQL_CONNECT($dbServer,$dbuser,$dbpassword) or die ("Konnte keine Verbindung zur Datenbank herstellen");
    $dbselect=mysql_select_db($dbname,$db);
    $nextselect="SELECT Text,Beitr,Ord FROM ticker ORDER BY Beitr,Ord";
    $result=mysql_query($nextselect,$db);
    $menge = mysql_num_rows($result);
    $i=1;
    ?>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    <?php
    echo ("ObArray = new Array(");
    echo($menge);
    echo(");");
    echo ("\n");
    ?>
    //-->
    </script>
    <?php
    $Obname=array('_');
    $Obtext=array('_');
    ?>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    <?php
    while($row = mysql_fetch_row($result)){
    array_push($Obtext,$row[0]);
    array_push($Obname,"Ob".strval($row[1])."_".strval($row[2]));

    echo "ObArray[",$i,"]='$Obname[$i]';\n";
    $i=$i+1;
    }
    ?>
    //-->
    </script>
    <?php
    for ($x=1;$x!=$i;$x++){
    echo "<div id='",$Obname[$x],"' style='position:absolute; width:200px; height:12px; z-index:1; left: 0px; top: ";
    $obtop = ($x*13)+130;
    echo $obtop;
    echo "px;' class='ticktext'><cite>",$Obtext[$x],"</cite></div>";
    echo ("\n");
    }
    $obtop = ($x)*13;
    if ($obtop<130) $obtop=130;
    ?>
    <script language="JavaScript" type="text/JavaScript">
    <!--
    var starte;
    <?php
    echo "startpos =";
    echo $obtop;
    echo ";";
    echo ("\n");
    ?>
    var firstEl;
    firstEl = posrueck();
    if (firstEl>0){
    var ACount=1;
    var mPos;
    for (i in ObArray){
    mPos=firstEl+((i-1)*13);
    if (mPos>startpos ){
    mPos=mPos - startpos;
    }
    erled=false;
    if (document.getElementById){
    document.getElementById(ObArray[i]).style.top=mPos;
    erled=true;
    }
    if (document.all&&!erled){
    document.all[ObArray[i]].style.top=mPos;
    erled=true;
    }
    if (document.layers&&!erled){
    document[ObArray[i]].top=mPos;
    }
    }
    }
    lrID=setInterval('MoveText()',110);
    //-->
    </script>
    </div>
    </body>
    </html>
    [/php:1:e219323eb8]

    Teil, der sich bei den Seiten unterscheidet

    [php:1:e219323eb8]
    #!/usr/local/bin/php
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Hans Runkel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta name="author" content="Hans Runkel">
    <meta name="description" content="Hans Runkel Erdgas-Heizsysteme">
    <meta name="keywords" content="Lunten, Brennersysteme, Pfannenfeuer, Prüfblenden, Wärmerückgewinnung, Feuerungsanlagen, Gasbrenner, Erdgasbrenner, DVGW, Wartung, Instandhaltung, Erdgasanpassung, Erdgasumstellung, Handlunten, Rohrbrenner, Ringbrenner, Gießpfannen, Gießrinnen, Modernisierung, Brennertechnik, Sicherheitstechnik, Mess- und Regeltechnik, ignition, natural, gas, burner, burners, maintainance, ladle, ladles, preheating, pre-heating, foundry, casting, melting, gutter, automation, control, switchgear, failsafe, moderization ">
    <meta name="keywords" lang="de" content="Lunten, Brennersysteme, Pfannenfeuer, Prüfblenden, Wärmerückgewinnung, Feuerungsanlagen, Gasbrenner, Erdgasbrenner, DVGW, Wartung, Instandhaltung, Erdgasanpassung, Erdgasumstellung, Handlunten, Rohrbrenner, Ringbrenner, Gießpfannen, Gießrinnen, Modernisierung, Brennertechnik, Sicherheitstechnik, Mess- und Regeltechnik ">
    <meta name="keywords" lang="en-us" content="ignition, natural, gas, burner, burners, maintainance, ladle, ladles, preheating, pre-heating, foundry, casting, melting, gutter, automation, control, switchgear, failsafe, moderization">
    <meta name="keywords" lang="en" content="ignition, natural, gas, burner, burners, maintainance, ladle, ladles, preheating, pre-heating, foundry, casting, melting, gutter, automation, control, switchgear, failsafe, moderization">


    <?php
    require_once('gem1.php');
    ?>

    <div class="maindiv">
    <h3>Wir über uns</h3>
    <p class="pfirst">Auf dem Gebiet industrieller, gewerblicher und haustechnischer
    Gasverbrauchseinrichtungen kann unser Familienunternehmen auf eine langjährige
    Tradition zurückblicken. Schon seit 1929 realisieren wir gas- und versorgungstechnische
    Projekte. Die Firma wird seit 1966 von Geschäftsführer Hans Runkel
    geleitet.</p>


    Heute ist unser Betrieb schwerpunktmäßig für Arbeiten im
    Bereich Industriefeuerungsanlagen zuständig.</p>
    <ul>[*]Wir planen, bauen und liefern erdgasbeheizte Anlagen (Lunten- und Anwärmsysteme
    sowie Industriefeuerungen) für industrielle Erwärmungseinrichtungen
    unterschiedlicher Bauart und Größe.[*] In enger Zusammenarbeit mit den Energieversorgungsunternehmen und der
    Industrie stellen wir Feststoff-, Öl- und Flüssiggasfeuerungsanlagen
    auf Erdgasbetrieb um. Die Firma Hans Runkel besitzt alle hierfür notwendigen
    Zulassungen als Umbau- und Wartungsunternehmen.[*] Wir sind ein spezialisiertes Service-Unternehmen, das planmäßige
    Wartungs- und Instandhaltungsarbeiten sowie sicherheitstechnische Prüfungen
    an industriellen Gasfeuerungsanlagen durchführt.[/list]


    Als Traditionsunternehmen der Erdgastechnik verbinden wir gewachsene Kundenbeziehungen,
    Zuverlässigkeit und Liefertreue mit umweltfreundlichen und zukunftsweisenden
    Lösungen. Unsere individuellen Konzepte für gasbeheizte Industrieöfen
    leisten einen wesentlichen Beitrag zur Optimierung der Effizienz und Wirtschaftlichkeit
    moderner Wärmebehandlungsanlagen. </p>
    </div>
    <div class="mendiv"> <a href="ueberuns.php" target="_self" class="botbig" style="top: 110px;">Wir
    über uns</a>

    Produkte

    <div class="proddiv"> Brenner

    Pfannenfeuer

    Prüfblenden

    <a href="waermetauscher.php" target="_self" class="botsmall" style="top: 102px; font-size:9px;">Wärme-

    rückgewinnung</a>

    </div>
    Dienstleistungen

    <div class="diendiv"> Wartung

    Modernisierung

    Erdgasanpassung

    <a href="armaturenhandel.php" target="_self" class="botsmall" style="top: 102px; font-size:9px;">Armaturen-

    handel</a>

    Versorgung

    </div>
    Fachaufsätze

    Zertifikate

    Referenzen

    Messetermine

    Kontakt

    Impressum

    Home

    <?php
    require_once('gem2.php');
    ?>

    [/php:1:e219323eb8]

    Dann noch ausgelagertet JavaScript

    Code:
    // JavaScript Document
    var intID,skips,erled;
    var erstPos;
    function bauText(){
    	if (skips<18){
    		if (document.getElementById){
    			document.getElementById("ls").style.left=skips;
    			erled=true;
    		}
    		if (document.all&&!erled){
    			document.all.ls.style.left=skips;
    			erled=true;
    		}		
    		if (document.layers&&!erled){
    			document.ls.left=skips;
    			document.ls.width=550;						
    		}
    		clearInterval(intID);
    	}
    	else {
    		skips=skips-4;
    		erled=false;
    		if (document.getElementById){
    			document.getElementById("ls").style.left=skips;
    			erled=true;
    		}
    		if (document.all&&!erled){
    			document.all.ls.style.left=skips;
    			erled=true;
    		}		
    		if (document.layers&&!erled){
    			document.ls.left=skips;
    			document.ls.width=550;						
    		}
    	}
    }
    function ticker(){
    intID=setInterval('bauText()',150);
    }
    function MoveText(){
    	var ACount=1;
    	for (i in ObArray){
    		erled=false;
    		if (document.getElementById){
    			if (parseInt(document.getElementById(ObArray[i]).style.top)<2){
    				document.getElementById(ObArray[i]).style.top=startpos;
    			}
    			else {
    				document.getElementById(ObArray[i]).style.top=parseInt(document.getElementById(ObArray[i]).style.top)-2;
    			}
    			if (i==1){
    				erstPos=parseInt(document.getElementById(ObArray[i]).style.top);
    			}
    			erled=true;
    		}
    		if (document.all&&!erled){
    			if (parseInt(document.all[ObArray[i]].style.top)<2){
    				document.all[ObArray[i]].style.top=startpos;
    				}
    			else{
    				document.all[ObArray[i]].style.top=parseInt(document.all[ObArray[i]].style.top)-2;
    			}
    			if (i==1){
    				erstPos=parseInt(document.all[ObArray[i]].style.top);
    			}
    			erled=true;
    		}
    		if (document.layers&&!erled){				
    			if (parseInt(document[ObArray[i]].top)<2){
    				document[ObArray[i]].top=startpos;
    			}
    			else{
    				document[ObArray[i]].top=parseInt(document[ObArray[i]].top)-2;
    			}
    			if (i==1){
    				erstPos=parseInt(document[ObArray[i]].top);
    			}
    			
    		}
    	}
    }
    function zuweisen() {
    	var posiCode;
    	posiCode=(1000*erstPos)+skips;
    	window.name="PosiVar"+escape(posiCode);
    }
    function posrueck() {
    	var rueckPos,temp;
    	if (window.name.substr(0,7)=="PosiVar") {
    		temp = parseInt(unescape(window.name.substr(7,window.name.length)));
    		rueckPos = Math.round((temp/1000));
    		skips = temp - (rueckPos*1000);
    		return rueckPos;
    	}
    	else {
    		skips = 590;
    		return (-1);
    	}
    }
    Und letztendlich Styles

    Code:
    body {
    	background-color: #CCCCCC;
    	background-image: url(../pic/bodybg.jpg);
    	background-repeat: repeat;
    
    }
    .maindiv {
    	background-color: #FFFFFF;
    	background-image: url(../pic/mainb.jpg);
    	height: 400px;
    	width: 630px;
    	left: 170px;
    	top: 150px;
    	background-repeat: repeat;
    	position: absolute;
    
    }
    .mendiv {
    
    	background-color: #FFFFFF;
    	background-image: url(../pic/left.jpg);
    	height: 500px;
    	width: 120px;
    	left: 50px;
    	top: 50px;
    	background-repeat: repeat;
    	position: absolute;
    }
    .tidiv {
    	background-color: #FFFFFF;
    	background-image: url(../pic/bgvert.jpg);
    	height: 100px;
    	width: 510px;
    	left: 170px;
    	top: 50px;
    	background-repeat: repeat;
    	position: absolute;
    	overflow: hidden;
    
    }
    .botbig {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 12px;
    	font-weight: 700;
    	font-variant: normal;
    	color: #0033FF;
    	text-decoration: none;
    	background-repeat: repeat;
    	height: 15px;
    	width: 110px;
    	border-top-width: 1px;
    	border-right-width: 2px;
    	border-bottom-width: 2px;
    	border-left-width: 1px;
    	border-top-style: outset;
    	border-right-style: outset;
    	border-bottom-style: outset;
    	border-left-style: outset;
    	border-top-color: #CCCCCC;
    	border-right-color: #CCCCCC;
    	border-bottom-color: #CCCCCC;
    	border-left-color: #CCCCCC;
    	position: absolute;
    	left: 5px;
    	text-align: right;
    
    
    
    
    }
    .lsdiv {
    	background-color: #FFFFFF;
    	background-image: url(../pic/bgvert.jpg);
    	height: 100px;
    	width: 120px;
    	left: 680px;
    	top: 50px;
    	background-repeat: repeat;
    	position: absolute;
    	overflow: hidden;
    
    }
    h1 {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 30px;
    	font-style: normal;
    	font-weight: 900;
    	color: #0066FF;
    	text-align: center;
    	vertical-align: top;
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 510px;
    	line-height: 32px;
    	height: 32px;
    	letter-spacing: 2px;
    	text-indent: 1pt;
    	word-spacing: 8px;
    
    
    
    
    
    
    
    }
    .addiv {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 10px;
    	font-weight: 200;
    	color: #0033FF;
    	position: absolute;
    	height: 140px;
    	width: 110px;
    	left: 5px;
    	top: 390px;
    	text-align: right;
    
    }
    .admail {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 10px;
    	font-weight: 700;
    	color: #EEEEEE;
    	background-color: #0066FF;
    	text-decoration: none;
    
    
    }
    .telti {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 10px;
    	font-weight: 200;
    	color: #0033FF;
    	text-align: left;
    	padding-left: 6px;
    
    
    
    }
    .tel {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 10px;
    	font-weight: 200;
    	color: #0033FF;
    	text-align: right;
    	margin-top: 1px;
    	margin-right: 0px;
    	margin-bottom: 1px;
    	margin-left: 1px;
    	padding-top: 1px;
    	padding-right: 0px;
    	padding-bottom: 1px;
    	padding-left: 1px;
    
    
    
    
    }
    h2 {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 20px;
    	font-style: normal;
    	font-weight: 900;
    	color: #0066FF;
    	text-align: center;
    	vertical-align: top;
    	position: absolute;
    	top: 25px;
    	left: 0px;
    	width: 510px;
    	line-height: 32px;
    	height: 32px;
    	letter-spacing: 1px;
    	text-indent: 5px;
    	word-spacing: 10px;
    
    }
    .proddiv {
    	border: none;
    	position: absolute;
    	height: 120px;
    	width: 100px;
    	left: 5px;
    	top: 148px;
    	z-index: 50;
    	vertical-align: middle;
    	visibility: hidden;
    
    
    
    }
    .botsmall {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 11px;
    	font-weight: 700;
    	font-variant: normal;
    	color: #0033FF;
    	text-decoration: none;
    	background-repeat: repeat;
    	border-top-width: 1px;
    	border-right-width: 2px;
    	border-bottom-width: 2px;
    	border-left-width: 1px;
    	border-top-style: outset;
    	border-right-style: outset;
    	border-bottom-style: outset;
    	border-left-style: outset;
    	border-top-color: #CCCCCC;
    	border-right-color: #CCCCCC;
    	border-bottom-color: #CCCCCC;
    	border-left-color: #CCCCCC;
    	position: absolute;
    	left: 5px;
    	text-align: left;
    	background-color: #CCCCCC;
    	background-image: url(../pic/tdsm.jpg);
    	height: 25px;
    	width: 85px;
    	padding: 2px;
    	vertical-align: middle;
    
    
    
    
    
    
    }
    h3 {
    
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 18px;
    	font-style: normal;
    	font-weight: 900;
    	color: #0066FF;
    	text-align: left;
    	vertical-align: top;
    	line-height: 32px;
    	letter-spacing: 0px;
    	text-indent: 2px;
    	word-spacing: 5px;
    }
    p {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: 500;
    	color: #0066FF;
    	text-align: justify;
    	vertical-align: top;
    	line-height: 14px;
    	letter-spacing: 0px;
    	text-indent: 1px;
    	word-spacing: 2px;
    	padding-right: 4px;
    	padding-left: 4px;
    	width: 620px;
    
    
    }
    li {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: 500;
    	color: #0066FF;
    	text-align: justify;
    	vertical-align: top;
    	line-height: 14px;
    	letter-spacing: 0px;
    	text-indent: 1px;
    	word-spacing: 2px;
    	padding-right: 4px;
    	padding-left: 4px;
    	width: 570px;
    	list-style-position: outside;
    	list-style-type: square;
    
    
    
    }
    .pfirst {
    
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: 500;
    	color: #0066FF;
    	text-align: justify;
    	vertical-align: top;
    	line-height: 14px;
    	letter-spacing: 0px;
    	text-indent: 1px;
    	word-spacing: 2px;
    	padding-right: 4px;
    	padding-left: 4px;
    	width: 470px;
    }
    .diendiv {
    	border: none;
    	position: absolute;
    	height: 120px;
    	width: 100px;
    	left: 5px;
    	top: 167px;
    	z-index: 50;
    	vertical-align: middle;
    	visibility: hidden;
    
    }
    .mainimg {
    	background-color: #FFFFFF;
    	height: 400px;
    	width: 630px;
    	left: 170px;
    	top: 150px;
    	position: absolute;
    	z-index: 50;
    
    }
    .kon {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 14px;
    	font-style: normal;
    	font-weight: 300;
    	font-variant: small-caps;
    	color: #FF3300;
    	text-decoration: none;
    	text-align: center;
    }
    .ticktext {
    	font-family: Tahoma, Arial, sans-serif;
    	font-size: 11px;
    	font-style: italic;
    	font-weight: 500;
    	font-variant: normal;
    	text-transform: none;
    	color: #FF3300;
    	text-decoration: none;
    	margin: 0px;
    	padding: 0px;
    
    
    }