| Forum: JavaScript |
Thema:
Re: Tabellenzeile mit MouseOver-Effekt per Javascript einfügen? |
Von:
Thomas Grupp (
29.03.2005 15:26) |
</script>
<script language="JScript" type="text/jscript">
<!--
function PositionAendern(VariableBackGesamt) {
var myAnzahlPositionen;
var myPosEinfuegen;
var myPosEinfuegenID;
myAnzahlPositionen = VariableBackGesamt[0];
myPosEinfuegen = VariableBackGesamt[1];
myPosEinfuegenID = VariableBackGesamt[2];
for(var i = 1; i <= myAnzahlPositionen; i++) {
var VariableBack = new Array();
var myPos = (i*12)-9;
var myStatus = VariableBackGesamt[myPos];
VariableBack[1] = VariableBackGesamt[myPos+1];
VariableBack[2] = VariableBackGesamt[myPos+2];
VariableBack[3] = VariableBackGesamt[myPos+3];
VariableBack[4] = VariableBackGesamt[myPos+4];
VariableBack[5] = VariableBackGesamt[myPos+5];
VariableBack[6] = VariableBackGesamt[myPos+6];
VariableBack[7] = VariableBackGesamt[myPos+7];
VariableBack[8] = VariableBackGesamt[myPos+8];
VariableBack[9] = VariableBackGesamt[myPos+9];
VariableBack[10] = VariableBackGesamt[myPos+10];
VariableBack[11] = VariableBackGesamt[myPos+11];
var BeschreibungGesamt;
if (document.Form1.ddlPositionenAnsicht.value==0) {
BeschreibungGesamt = "<span class='lblGrundlagenKurzText'>" + VariableBack[3] + "</span><BR><span class='lblGrundlagenLangText'>" + VariableBack[4] + "</span>";
}
else {
BeschreibungGesamt = "<span class='lblGrundlagenLangText'>" + VariableBack[3] + "</span>";
}
if (VariableBack[11]=="") {
}
else {
BeschreibungGesamt = "<span>" + VariableBack[11] + "<BR>" + "</span>" + BeschreibungGesamt;
}
if (myStatus=="1") {
var myID = VariableBack[1];
var myTR = document.getElementById(myID);
myTR.cells[0].innerHTML = "<span>" + VariableBack[2] + "</span>";
myTR.cells[1].innerHTML = BeschreibungGesamt;
myTR.cells[2].innerHTML = "<span>" + VariableBack[5] + "</span>";
myTR.cells[3].innerHTML = "<span>" + VariableBack[6] + "</span>";
myTR.cells[4].innerHTML = "<span>" + VariableBack[7] + "</span>";
myTR.cells[5].innerHTML = "<span>" + VariableBack[8] + "</span>";
myTR.cells[6].innerHTML = "<span>" + VariableBack[9] + "</span>";
//myTR.cells[7].innerHTML = "<span>" + VariableBack[10] + "</span>";
}
if (myStatus=="2") {
var Zeile;
if (myPosEinfuegen==-1) {
Zeile = document.getElementById("dgPositionen").rows.length - 1;
}
if (myPosEinfuegen==0) {
var myID = myPosEinfuegenID;
var tab = document.getElementById("dgPositionen");
Zeile = document.getElementById("myZeile_" + myID).rowIndex;
}
if (myPosEinfuegen==1) {
var myID = myPosEinfuegenID;
var tab = document.getElementById("dgPositionen");
Zeile = document.getElementById("myZeile_" + myID).rowIndex;
Zeile = Zeile + 1;
}
var TR = document.getElementById("dgPositionen").insertRow(Zeile);
var TD1 = document.createElement("td");
var TD1text = document.createTextNode('');
var TD2 = document.createElement("td");
var TD2text = document.createTextNode('');
var TD3 = document.createElement("td");
var TD3text = document.createTextNode('');
var TD4 = document.createElement("td");
var TD4text = document.createTextNode('');
var TD5 = document.createElement("td");
var TD5text = document.createTextNode('');
var TD6 = document.createElement("td");
var TD6text = document.createTextNode('');
var TD7 = document.createElement("td");
var TD7text = document.createTextNode('');
var TD8 = document.createElement("td");
var TD8text = document.createTextNode('');
var TD9 = document.createElement("td");
var TD9text = document.createTextNode('');
//var WI1 = document.createAttribute("WIDTH");
//WI1.nodeValue = "600";
//TD1.setAttributeNode(WI1);
var ID1 = document.createAttribute("ID");
ID1.nodeValue = "Z1_" + Zeile;
TD1.setAttributeNode(ID1);
var ID2 = document.createAttribute("ID");
ID2.nodeValue = "Z2_" + Zeile;
TD2.setAttributeNode(ID2);
var ID3 = document.createAttribute("ID");
ID3.nodeValue = "Z3_" + Zeile;
TD3.setAttributeNode(ID3);
var ID4 = document.createAttribute("ID");
ID4.nodeValue = "Z4_" + Zeile;
TD4.setAttributeNode(ID4);
var ID5 = document.createAttribute("ID");
ID5.nodeValue = "Z5_" + Zeile;
TD5.setAttributeNode(ID5);
var ID6 = document.createAttribute("ID");
ID6.nodeValue = "Z6_" + Zeile;
TD6.setAttributeNode(ID6);
var ID7 = document.createAttribute("ID");
ID7.nodeValue = "Z7_" + Zeile;
TD7.setAttributeNode(ID7);
var ID8 = document.createAttribute("ID");
ID8.nodeValue = "Z8_" + Zeile;
TD8.setAttributeNode(ID8);
var ID9 = document.createAttribute("ID");
ID9.nodeValue = "Z9_" + Zeile;
TD9.setAttributeNode(ID9);
var align3 = document.createAttribute("align");
align3.nodeValue = "right";
TD3.setAttributeNode(align3);
var align4 = document.createAttribute("align");
align4.nodeValue = "right";
TD4.setAttributeNode(align4);
var align5 = document.createAttribute("align");
align5.nodeValue = "right";
TD5.setAttributeNode(align5);
var align6 = document.createAttribute("align");
align6.nodeValue = "right";
TD6.setAttributeNode(align6);
var align7 = document.createAttribute("align");
align7.nodeValue = "right";
TD7.setAttributeNode(align7);
TD1.appendChild(TD1text);
TD2.appendChild(TD2text);
TD3.appendChild(TD3text);
TD4.appendChild(TD4text);
TD5.appendChild(TD5text);
TD6.appendChild(TD6text);
TD7.appendChild(TD7text);
TD8.appendChild(TD8text);
TD9.appendChild(TD9text);
TR.appendChild(TD1);
TR.appendChild(TD2);
TR.appendChild(TD3);
TR.appendChild(TD4);
TR.appendChild(TD5);
TR.appendChild(TD6);
TR.appendChild(TD7);
TR.appendChild(TD8);
TR.appendChild(TD9);
var ID = document.createAttribute("ID");
ID.nodeValue = "myZeile_" + Zeile;
TR.setAttributeNode(ID);
var valign = document.createAttribute("valign");
valign.nodeValue = "Top";
TR.setAttributeNode(valign);
var MOver = document.createAttribute("onmouseover");
MOver.nodeValue = "DataGridChangeInVonBis(this)";
TR.setAttributeNode(MOver);
//var MOut = document.createAttribute("onmouseout");
//MOut.nodeValue = "DataGridChangeOut(this)";
//TR.setAttributeNode(MOut);
//var MClick = document.createAttribute("onClick");
//MClick.nodeValue = "PositionBearbeiten(99, this)";
//TR.setAttributeNode(MClick);
var myZelle1 = document.getElementById("Z1_" + Zeile);
myZelle1.innerHTML = "<span>" + VariableBack[2] + "</span>";
var myZelle2 = document.getElementById("Z2_" + Zeile);
myZelle2.innerHTML = BeschreibungGesamt;
var myZelle3 = document.getElementById("Z3_" + Zeile);
myZelle3.innerHTML = "<span>" + VariableBack[5] + "</span>";
var myZelle4 = document.getElementById("Z4_" + Zeile);
myZelle4.innerHTML = "<span>" + VariableBack[6] + "</span>";
var myZelle5 = document.getElementById("Z5_" + Zeile);
myZelle5.innerHTML = "<span>" + VariableBack[7] + "</span>";
var myZelle6 = document.getElementById("Z6_" + Zeile);
myZelle6.innerHTML = "<span>" + VariableBack[8] + "</span>";
var myZelle7 = document.getElementById("Z7_" + Zeile);
myZelle7.innerHTML = "<span>" + VariableBack[9] + "</span>";
//var myZelle8 = document.getElementById("Z8_" + Zeile);
//myZelle8.innerHTML = "";
//var myZelle9 = document.getElementById("Z9_" + Zeile);
//myZelle9.innerHTML = "";
}
if (myStatus=="3") {
var myID = VariableBack[1];
var tab = document.getElementById("dgPositionen");
var TabIndex = document.getElementById("myZeile_" + myID).rowIndex;
tab.deleteRow(TabIndex);
//myTR.cells[7].innerHTML = "<span>" + VariableBack[10] + "</span>";
}
}
}
function DataGridChangeInVonBis(object)
{
for(i = 1;i <= 5;i++)
{
object.cells[i].className="myStyle";
}
}
//-->
</script>
Antworten
Vorsicht bei der Eingabe: Die Zeichen ' oder -- sind nicht erlaubt!
