✔ innerHTML bockt

piwi50 · 11. April 2009

ich hab Problem mit innerHTML, mit dem ich in einen Div-Conmtainer schreiben möchte. Die id vom Div-COntainer gibt es, die ist da, trotzdem meckert er die id ist noll oder kein Objekt.

Hier das ganze Script, die Arrays hab ich stark verkürzt.

Code:

<HTML><HEAD>
<script language="JavaScript" type="text/javascript">

var ai = 0;
var datue = new Array()
datue[ai++] = new Array
("schriftsatz/19881115wwk-pw.pdf", "15.11.88 WWK");
datue[ai++] = new Array
("schriftsatz/19890727wwk-pw.pdf", "27.07.89 WWK");
datue[ai++] = new Array
("schriftsatz/19890821wwk-pw.pdf", "21.08.89 WWK");

ai = 0;
var datli = new Array()
datli[ai++] = new Array
("*( 1.000,-", "134");
datli[ai++] = new Array
("*( 1.465,04", "117", "122", "82");


ai = 0;
var datre = new Array()
datre[ai++] = new Array
("0", "Bezugsberechtigt", "Raiffeisenbank", "Winkler Else", "Winkler Peter", "02.03.1937", "15.11.1960", "01.09.2002");
datre[ai++] = new Array
("1", "abgetreten", "Anspruch", "Winkler Else", "Raiffeisenbank", "Rechte", "verpfaendet", "15.11.1988", "01.10.1989", "01.09.1902");


ueb1 = new Array()
ueb1[0] = "Wittwen und Waisenkasse";
ueb1[1] = "Amt f. Wohnen und Stadterneuerung";
ueb1[2] = "DEUTSCHBAU";
ueb1[3] = "LVA";
ueb1[4] = "Allgemeiner Sozialdienst";
ueb1[5] = "Bundesanstalt f. Arbeit";
ueb1[6] = "Bank";
ueb1[7] = "Verfahrenspfleger";
ueb1[8] = "Betreuer";
ueb1[9] = "Rechtsanwaltskammer";
ueb1[10] = "Gutachter";
ueb1[11] = "Staatsanwalt";
ueb1[12] = "Amts- / Vormundschaftsgericht";
ueb1[13] = "Arbeitsgericht";
ueb1[14] = "Sozialgericht";
ueb1[15] = "Verwaltungsgericht";
ueb1[16] = "Landgericht";
ueb1[17] = "Oberlandesgericht";
ueb1[18] = "Bayerischer Landtag";
ueb1[19] = "Petitionsausschuss";
ueb1[20] = "Bundesgerichtshof";
ueb1[21] = "Bundesverfassungsgericht";
ueb1[22] = "Bundesministerium der Justiz";
ueb1[23] = "Deutscher Bundestag";

***
geändert
***

var zw1, gw1 = "", gw2, gw3, gw4, gw5 = "", gw6, gw7, rf1;

for ( ix1 = 0; ix1 < datli.length; ix1++ )
{
     gw2 = datli[ix1][0];
	datli[ix1][0] = String.fromCharCode(0);
     datli[ix1].sort();

	gw3 = gwzei(gw2);

     if ( gw2.substr(0, 1) == "*")
	{
	     if ( gw2.substr(1, 1) == "(")
			gw2 = gw2.substr(3) + "&euro;";
	     if ( gw2.substr(1, 1) == "?")
			gw2 = gw2.substr(3);
     	if ( gw2.substr(1, 1) == ")")
			gw2 = gw2.substr(3) + "DM";
	     if ( gw2.substr(1, 1) == "=")
			gw2 = "&sect;&nbsp;" +gw2.substr(3);
	}

     if ( gw1 != gw3)
     {
		gw3 = "&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;"
          	 + "&lt;a name=\"" + gw3 + "\">"
                + "&lt;font size=\"+1\">&lt;b>" + gw3 + "&lt;\/b>&lt;\/font>&lt;\/a>";
     	zw1 = zw1 + gw5 + gw3;
          gw1 = gw3;
     }
	gw5 = "<br>&lt;HR color='lightskyblue'><br>"

     gw4 = "";
     for (ix2 = 1; ix2 < datli[ix1].length; ix2++ )
     {
		gw6 = datue[datli[ix1][ix2]][0];
		gw7 = datue[datli[ix1][ix2]][1];
		zw1 = zw1 + gw4 + "&lt;a href=\"" + gw6
          	 + "\" target=\"_blank\">" + gw7 + "&lt;\/a>";
     	gw4 = ", <br>";
     }
}

***
geändert
***
document.all.stwli.innerHTML = zw1 + gw5;

/* Auf Kommentar gesetzt weil noch in Entwicklung

zw1 = "", ix3 = 0, gw1 = "";

for ( ix1 = 0; ix1 < tms.length; ix1++ )
{
	if ( gw1 != tms[ix1][1].slice(8) )
     {
          zw1 = zw1 + "&lt;a name=\"" + ueb1[ix3] + "\">"
     		 + "&lt;DIV align=\"center\" class=\"uebx\">"
          	 + ueb1[ix3++].bold() + "&lt;\/div>&lt;\/A>";
	     gw1 = tms[ix1][1].slice(8);
     }
	zw1 = zw1 + "&lt;a href=\"" + tms[ix1][0]
          	+ "\" target=\"_blank\">" + tms[ix1][1] + "&lt;\/a>&lt;br>";
     gw4 = "";
     for (ix2 = 2; ix2 < tms[ix1].length; ix2++ )
     {
		if ( tms[ix1][ix2].substr(0, 2).toUpperCase() == "AE"
	     	|| tms[ix1][ix2].substr(0, 2).toUpperCase() == "OE"
     	     || tms[ix1][ix2].substr(0, 2).toUpperCase() == "UE" )
          {
			tms[ix1][ix2] = "&" + tms[ix1][ix2].substr(0, 1) + "uml;"
     	     + tms[ix1][ix2].slice(2);
          }
          zw1 = zw1 + gw4 + tms[ix1][ix2];
     	gw4 = ", <br>";
     }
	zw1 = zw1 + "&lt;HR color='lightskyblue'>";
}
document.all.stwre.innerHTML = zw1;
*/

function gwzei(mf1)
{
	var mf2;
	if ( mf1.substr(0, 2) == "*=" )
     {
		mf2 = "&amp;sect;";
     }
     else
     {
     	if ( mf1.substr(2, 1) + mf1.substr(5, 1) == "..")
          {
			mf2 = "Datum";
          }
          else
          {
              	if ( mf1.search("Az.") == 0 )
			{
               	mf2 = "Aktenzeichen";
               }
               else
               {
                   	if ( mf1.substr(0, 2) == "*?"
					|| mf1.substr(0, 2) == "*("
					|| mf1.substr(0, 2) == "*)" )
				{
                    	mf2 = "Zahl";
                    }
                    else
                    {
                         mf2 = mf1.substr(0, 1).toUpperCase();
                    }
               }
          }
     }
	return (mf2);
}

function txteinbl()
{
	document.getElementById("txt01").style.visibility = 'visible';
}

function txtausbl()
{
	document.getElementById("txt01").style.visibility = 'hidden';
}

function stiwo(get_to)
{
	if (get_to.substr(0, 1) == "#" && get_to.substr(3, 1) == "#")
     {
     	get_to = ueb1[parseInt(get_to.substr(1, 2), 10)];
		self.parent.stiworechts;
     }
     else
     {
		self.parent.stiwolinks;
     }
	location.hash = "#" + get_to;
}

</script> <STYLE TYPE="text/css">
//<!--

div.swsc  {
		overflow: auto;
	     color: mediumslateblue;
	     margin: 0px 10px;
		padding: 0px 10px;
		border: 2px solid sandybrown;
		}

 a:link { text-decoration:none; color:#0082FF }
 a:visited { text-decoration:none; color:#3399FF; }
 a:focus { text-decoration:none; background-color:#080; }
 a:hover { text-decoration:none; background-color:#ff0; }
 a:active { text-decoration:none; background-color:#cff; }

--></STYLE> <!-- zum stichwörter generieren in BODDY onload="stwtgen()" einfügen
		und 	stiwoverz.js 	(ganz oben auf kommentar gesetzt)
          muß nachgeladen werden
	Ä oder ä = ae alle usw.
	§ am Anfang *=
	Euro maskieren am Anfang mit *(
	zahlen am Anfang *?
	DM am Anfang mit *)

***
geändert
***

--> </HEAD><BODY leftmargin="0" topmargin="0" bgcolor="lightgoldenrodyellow"
	 scroll="no" onload="neula()"> <SPAN style="position: absolute; top:3px; left: 12px;"> <a href="includ/alllesinc.html" target="textall"> <IMG SRC="bilder/zurztxt.gif" WIDTH="124" HEIGHT="24" BORDER="0"></a> </span> <DIV style="position:absolute; left:190px; top: 2px;"> <img src="bilder/pfluntrot.png" border="0"><br> <img src="bilder/pfluntgru.png" border="0"></div> <DIV style="position:absolute; top: 2px; left: 743px;"> <img src="bilder/pfluntrot.png" border="0"><br> <img src="bilder/pfluntgru.png" border="0"></div> <table width="80%" style="margin-left: 140px; line-height: 14px"> <TR><TD valign="middle" rowspan="2" width="55">Anker:
</TD><TD> <a href="javascript:stiwo('&sect;')">&nbsp;&sect;</a>&nbsp;&nbsp;&nbsp; <a href="javascript:stiwo('A')">A</a>&nbsp;<a href="javascript:stiwo('B')">B</a> <a href="javascript:stiwo('C')">C</a>&nbsp;<a href="javascript:stiwo('D')">D</a> <a href="javascript:stiwo('E')">E</a>&nbsp;<a href="javascript:stiwo('F')">F</a> <a href="javascript:stiwo('G')">G</a>&nbsp;<a href="javascript:stiwo('H')">H</a> <a href="javascript:stiwo('I')">I</a>&nbsp;<a href="javascript:stiwo('J')">J</a> <a href="javascript:stiwo('K')">K</a>&nbsp;<a href="javascript:stiwo('L')">L</a> <a href="javascript:stiwo('M')">M</a>&nbsp;<a href="javascript:stiwo('N')">N</a> <a href="javascript:stiwo('O')">O</a>&nbsp;<a href="javascript:stiwo('P')">P</a> <a href="javascript:stiwo('Q')">Q</a>&nbsp;<a href="javascript:stiwo('R')">R</a> <a href="javascript:stiwo('S')">S</a>&nbsp;<a href="javascript:stiwo('T')">T</a> <a href="javascript:stiwo('U')">U</a>&nbsp;<a href="javascript:stiwo('V')">V</a> <a href="javascript:stiwo('W')">W</a>&nbsp;<a href="javascript:stiwo('X')">X</a> <a href="javascript:stiwo('Y')">Y</a>&nbsp;<a href="javascript:stiwo('Z')">Z</a>&nbsp;&nbsp;&nbsp; <a href="javascript:stiwo('Datum')">Datum</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:stiwo('Zahl')">Zahl</a> &nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:stiwo('Aktenzeichen')">Az.</a> </td></tr><TR><TD> <DIV onmouseover="txteinbl()" onmouseout="txtausbl()"> <a href="javascript:stiwo('#00#')">&nbsp;1&nbsp;</a> <a href="javascript:stiwo('#01#')">&nbsp;2&nbsp;</a> <a href="javascript:stiwo('#02#')">&nbsp;3&nbsp;</a> <a href="javascript:stiwo('#03#')">&nbsp;4&nbsp;</a> <a href="javascript:stiwo('#04#')">&nbsp;5&nbsp;</a> <a href="javascript:stiwo('#05#')">&nbsp;6&nbsp;</a> <a href="javascript:stiwo('#06#')">&nbsp;7&nbsp;</a> <a href="javascript:stiwo('#07#')">&nbsp;8&nbsp;</a> <a href="javascript:stiwo('#08#')">&nbsp;9&nbsp;</a> <a href="javascript:stiwo('#09#')">&nbsp;10</a> <a href="javascript:stiwo('#10#')">&nbsp;11</a> <a href="javascript:stiwo('#11#')">&nbsp;12</a> <a href="javascript:stiwo('#12#')">&nbsp;13</a> <a href="javascript:stiwo('#13#')">&nbsp;14</a> <a href="javascript:stiwo('#14#')">&nbsp;15</a> <a href="javascript:stiwo('#15#')">&nbsp;16</a> <a href="javascript:stiwo('#16#')">&nbsp;17</a> <a href="javascript:stiwo('#17#')">&nbsp;18</a> <a href="javascript:stiwo('#18#')">&nbsp;19</a> <a href="javascript:stiwo('#19#')">&nbsp;20</a> <a href="javascript:stiwo('#20#')">&nbsp;21</a> <a href="javascript:stiwo('#21#')">&nbsp;22</a> <a href="javascript:stiwo('#22#')">&nbsp;23</a> <a href="javascript:stiwo('#22#')">&nbsp;24</a> </tr></td><TR><TD> <TABLE id="txt01"
	style="visibility: hidden; position: absolute; left: 200px;
	z-index: 3; background-color: lemonchiffon; table-layout: fixed;
	border-left: 1pt solid black; border-right: 1pt solid black;
     border-bottom: 1pt solid black; line-height: 15px;"> <TR><TD valign="top" width="19px" style="margin-left:100pt">W<br>W<br>K
</TD><TD valign="top" width="18px">A<br>m<br>t<br> <br>f<br>.<br> <br>W<br>o<br>h<br>n<br>e<br>n
</TD><TD valign="top" width="19px">D<br>E<br>U<br>T<br>S<br>C<br>H<br>B<br>A<br>U
</TD><TD valign="top" width="17px">L<br>V<br>A
</TD><TD valign="top" width="18px">A<br>S<br>D
</TD><TD valign="top" width="19px">A<br>r<br>b<br>e<br>i<br>t<br>s<br>a<br>m<br>t
</TD><TD valign="top" width="17px">B<br>a<br>n<br>k
</TD><TD valign="top" width="18px">V<br>e<br>r<br>f<br>a<br>h<br>r<br>e<br>n<br>s<br>p<br>f<br>l<br>e<br>g<br>e<br>r
</TD><TD valign="top" width="23px">B<br>e<br>t<br>r<br>e<br>u<br>e<br>r
</TD><TD valign="top" width="21px">R<br>A<br>-<br>K<br>a<br>m<br>m<br>e<br>r
</TD><TD valign="top" width="24px">G<br>u<br>t<br>a<br>c<br>h<br>t<br>e<br>r
</TD><TD valign="top" width="20px">S<br>t<br>a<br>a<br>t<br>s<br>a<br>n<br>w<br>a<br>l<br>t
</TD><TD valign="top" width="23px">V<br>s<br>G
</TD><TD valign="top" width="23px">A<br>r<br>b<br>G
</TD><TD valign="top" width="21px">S<br>z<br>G
</TD><TD valign="top" width="22px">V<br>W<br>G
</TD><TD valign="top" width="21px">L<br>G
</TD><TD valign="top" width="23px">O<br>L<br>G
</TD><TD valign="top" width="22px">B<br>a<br>y<br>.<br> <br>L<br>a<br>n<br>d<br>t<br>a<br>g
</TD><TD valign="top" width="20px">P<br>e<br>t<br>i<br>t<br>i<br>o<br>n<br>s<br>a<br>u<br>s<br>s<br>c<br>h<br>u<br>s<br>s
</TD><TD valign="top" width="23px">B<br>G<br>H
</TD><TD valign="top" width="20px">B<br>u<br>V<br>f<br>G
</TD><TD valign="top" width="24px">M<br>i<br>n<br>i<br>s<br>t<br>e<br>r<br>i<br>u<br>m
</TD><TD valign="top" width="26px">D<br>.<br>&nbsp;<br>B<br>u<br>n<br>d<br>e<br>s<br>t<br>a<br>g
</TR></TD></table></div></table> <DIV align="center" style="line-height: 18px; background-color: lightgoldenrodyellow;
	color: #EFEFEF; position:absolute;
		left: 10px; top:41px; width: 48%; height: 25px;"> <DIV id="txt02" style="background-color: #7080D8; width: 235px; z-index: 0.1;"> <img src="bilder/pfluntrot.png" border="0"
	style="margin-top: 3px;"> <b>&nbsp;Stichwörter mit Schriftsätzen&nbsp;</b> <img src="bilder/pfluntrot.png" border="0"
	style="margin-top: 3px;"></div></div> <DIV id="stwli"
	style="position:absolute; left:10px; top:68px; width: 47.5%; height: 86.6%;
          overflow: auto;
	     color: mediumslateblue;
	     margin: 0px 10px;
		padding: 0px 10px;
		border: 2px solid sandybrown;"> </DIV> <DIV align="center" style="line-height: 18px; background-color: lightgoldenrodyellow;
	color: #EFEFEF; position:absolute;
		left: 396px; top:41px; width: 49%; height: 25px;"> <DIV id="txt03" style="background-color: #7080D8; width: 227px;"> <img src="bilder/pfluntgru.png" border="0"
	style="margin-top: 3px;"> <b>&nbsp;Schriftsätze mit Stichwörter&nbsp;</b> <img src="bilder/pfluntgru.png" border="0"
	style="margin-top: 3px;"></div></div> <DIV id="stwre" class="swsc"
	style="position:absolute; left: 396px; top:68px; width: 47.5%; height: 86.6%;
          overflow: auto;
	     color: mediumslateblue;
	     margin: 0px 10px;
		padding: 0px 10px;
		border: 2px solid sandybrown;"> </DIV> </HTML></HEAD>

Ziel ist es Webspace zu sparen. Gegenwärtig ist es so daß die Stichwörter plus geeignetem HTML in den DIV-Containern stehen, was die Sache beträchtlich aufbläht. Diesen HTML-Code möchte ich nur einmal haben und muß zu diesem Zweck die Stichwörter mit JS aufbereiten.

Das aktuelle Skript kann unter
http://home.arcor.de/wparcor/EigeneHP/index.html
begutachtet werden (links auf Stichwortverzeichnis klicken).

Sven Mintel · 11. April 2009

Moin,

da das Ganze im <head> steht, ist zu diesem Zeitpunkt der Rest des Dokumentes noch nicht bekannt.

Ansonsten: document.all bezieht sich auf das MS-Objektmodell, nutze stattdessen das DOM, wenn du nicht diverse Browser ausschliessen willst.

piwi50 · 11. April 2009

Sven Mintel hat gesagt.:
Moin,

da das Ganze im <head> steht, ist zu diesem Zeitpunkt der Rest des Dokumentes noch nicht bekannt.

Ansonsten: document.all bezieht sich auf das MS-Objektmodell, nutze stattdessen das DOM, wenn du nicht diverse Browser ausschliessen willst.

Ja - aber wie?

Das Ganze hab ich wie folgt geändert:

// datre[ai++] = new Array
// ("0", "Bezugsberechtigt", "Raiffeisenbank", "Winkler Else", "Winkler Peter", "02.03.1937", "15.11.1960", "01.09.2002");

function stwlire()
{

...

document.getElementById("stwli").innerHTML = zw1 + gw5 + "<br><br>";

</HEAD><BODY leftmargin="0" topmargin="0" bgcolor="lightgoldenrodyellow"
scroll="no" onload="stwlire()">

stwli ist aber immer noch null oder kein Objekt

Sven Mintel · 11. April 2009

Auf der von dir verlinkten Seite bekomme ich keinerlei Fehlermeldungen.

piwi50 · 11. April 2009

Sven Mintel hat gesagt.:
Auf der von dir verlinkten Seite bekomme ich keinerlei Fehlermeldungen.

Das ist die alte Version bei der die Ladezeit verkürzt werden soll.
Du hast sicher bemerkt wie lange es dauerte bis das Stichwortverzeichnis geladen war.

Sven Mintel · 11. April 2009

Nun gut, nur ist meine Kristallkugel grad in Osterferien, nur eines ist sicher, wenn ein Browser sagt, dort ist kein Objekt mit der ID stwli, dann ist da keines, darauf ist Verlass.;-]

piwi50 · 11. April 2009

Sven Mintel hat gesagt.:
Nun gut, nur ist meine Kristallkugel grad in Osterferien, nur eines ist sicher, wenn ein Browser sagt, dort ist kein Objekt mit der ID stwli, dann ist da keines, darauf ist Verlass.;-]

Es könnte aber auch sein ich war bei der Installation von MSIE8 etwas zu voreilig.

Sven Mintel · 11. April 2009

Das kann gut möglich sein

, aber ich glaube nicht, dass IE8 da falsche Informationen gibt.

piwi50 · 12. April 2009

Sven Mintel hat gesagt.:
Das kann gut möglich sein , aber ich glaube nicht, dass IE8 da falsche Informationen gibt.

Zur Lösungssuche ist das dann aber doch eine plausible Ursache.

piwi50 · 15. April 2009

Sven Mintel hat gesagt.:
Moin,

da das Ganze im <head> steht, ist zu diesem Zeitpunkt der Rest des Dokumentes noch nicht bekannt.

Ansonsten: document.all bezieht sich auf das MS-Objektmodell, nutze stattdessen das DOM, wenn du nicht diverse Browser ausschliessen willst.

Du hast recht, das wars.
Das ganze in eine Funktion packen und im body mit onload starten dann geht es.
Als ich das probierte hatte ich wahrscheinlich noch einen Tippfehler (function mit K geschrieben)

✔ innerHTML bockt

piwi50

Grünschnabel

Sven Mintel

Mitglied

piwi50

Grünschnabel

Sven Mintel

Mitglied

piwi50

Grünschnabel

Sven Mintel

Mitglied

piwi50

Grünschnabel

Sven Mintel

Mitglied

piwi50

Grünschnabel

piwi50

Grünschnabel

Neue Beiträge