Hello!
No logro conseguir que salgan los labels o etiquetas con el script de
Código:
<script>
function crearLabel() {
var target = document.getElementById("target"); //ubicamos el objetivo al que se va a agregar el label
var label = document.createElement("label"); //creamos el label
var text = document.createTextNode("Articulo"); //creamos el nodo de texto que contiene la descripcion
label.appendChild(text); //adherimos el texto al label
target.appendChild(label); //aderimos el label al objetivo
}
</script>
Orientenme por favor, un ejemplo?
Gracias!
Aqui el codigo de la paqina:
Código:
<script language="javascript" type="text/javascript">
<!--
// Get the HTTP Object
function getHTTPObject(){
if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest) return new XMLHttpRequest();
else {
alert("Your browser does not support AJAX.");
return null;
}
}
function eliminar() {
var parent = this.parentNode;
var grandParent = parent.parentNode;
grandParent.removeChild(parent);
}
// Change the value of the outputText field
var sum = 0;
var impuestos = 0;
var total = 0;
// Change the value of the outputText field
function setOutput(){
if(httpObject.readyState == 4){
var i=0;
var respuesta = httpObject.responseText.split(",");
var cont = document.createElement("div");
var res = document.getElementById("resultadosScan1");
var id = document.createElement("div");
var packageId = document.createElement("div");
var userId = document.createElement("div");
var originCompany = document.createElement("div");
var contentDescription = document.createElement("div");
var originCity = document.createElement("div");
var originState = document.createElement("div");
var originZip = document.createElement("div");
var packWeight = document.createElement("div");
var packLength = document.createElement("div");
var packHeight = document.createElement("div");
var packDepth = document.createElement("div");
var del = document.createElement("img"); //creo el div para eliminar
del.src = "images/eliminar.gif";
del.onclick = eliminar;
id.className = "classId";
packageId.className = "classPackageId";
userId.className = "classUserId";
originCompany.className = "classOriginCompany";
contentDescription.className = "classContentDescription";
originCity.className = "classOriginCity";
originState.className = "classOriginState";
originZip.className = "classOriginZip";
packWeight.className = "classPackWeight";
packLength.className = "classPackLength";
packHeight.className = "classPackHeight";
packDepth.className = "classPackDepth";
document.getElementById('outputText0').value = httpObject.innerHTML= respuesta[0];
document.getElementById('outputText1').value = httpObject.innerHTML= respuesta[1];
document.getElementById('outputText2').value = httpObject.innerHTML= respuesta[2];
document.getElementById('outputText3').value = httpObject.innerHTML= respuesta[3];
document.getElementById('outputText4').value = httpObject.innerHTML= respuesta[4];
document.getElementById('outputText5').value = httpObject.innerHTML= respuesta[5];
document.getElementById('outputText6').value = httpObject.innerHTML= respuesta[6];
document.getElementById('outputText7').value = httpObject.innerHTML= respuesta[7];
document.getElementById('outputText8').value = httpObject.innerHTML= respuesta[8];
document.getElementById('outputText9').value = httpObject.innerHTML= respuesta[9];
document.getElementById('outputText10').value = httpObject.innerHTML= respuesta[10];
document.getElementById('outputText11').value = httpObject.innerHTML= respuesta[11];
id.innerHTML = httpObject.innerHTML= respuesta[0];
packageId.innerHTML = httpObject.innerHTML= respuesta[1];
userId.innerHTML = httpObject.innerHTML= respuesta[2];
originCompany.innerHTML = httpObject.innerHTML= respuesta[3];
contentDescription.innerHTML = httpObject.innerHTML= respuesta[4];
originCity.innerHTML = httpObject.innerHTML= respuesta[5];
originState.innerHTML = httpObject.innerHTML= respuesta[6];
originZip.innerHTML = httpObject.innerHTML= respuesta[7];
packWeight.innerHTML = httpObject.innerHTML= respuesta[8];
packLength.innerHTML = httpObject.innerHTML= respuesta[9];
packHeight.innerHTML = httpObject.innerHTML= respuesta[10];
packDepth.innerHTML = httpObject.innerHTML= respuesta[11];
cont.appendChild(id);
cont.appendChild(packageId);
cont.appendChild(userId);
cont.appendChild(originCompany);
cont.appendChild(contentDescription);
cont.appendChild(originCity);
cont.appendChild(originState);
cont.appendChild(originZip);
cont.appendChild(packWeight);
cont.appendChild(packLength);
cont.appendChild(packHeight);
cont.appendChild(packDepth);
cont.appendChild(del);
res.appendChild(cont);
/*sum = sum+parseInt(respuesta[2]);
impuestos = sum * 0.16 ;
total = sum + impuestos;
document.getElementById("suma").value = sum.toFixed(2);
document.getElementById("impuestos").value = impuestos.toFixed(2);
document.getElementById("total").value = total.toFixed(2);*/
}
}
// Implement business logic
function doWork(){
var text = document.getElementById('inputText').value;
if(text.length == 13) {
httpObject = getHTTPObject();
if (httpObject != null) {
httpObject.open("GET", "manager.php?inputText="
+text, true);
httpObject.send(null);
httpObject.onreadystatechange = setOutput;
document.getElementsByName("testForm").item(0).reset();
document.getElementById('inputText').focus();
}
}
}
var httpObject = null;
//-->
</script>
</head>
<body>
<div id="mainContainer">
<form name="testForm">
Scan:
<input type="text" onkeyup="doWork();" name="inputText" id="inputText" />
<input type="text" name="outputText0" id="outputText0" class="outPuts"/>
<input type="text" name="outputText1" id="outputText1" class="outPuts"/>
<input type="text" name="outputText2" id="outputText2" class="outPuts"/>
<input type="text" name="outputText3" id="outputText3" class="outPuts"/>
<input type="text" name="outputText4" id="outputText4" class="outPuts"/>
<input type="text" name="outputText5" id="outputText5" class="outPuts"/>
<input type="text" name="outputText6" id="outputText6" class="outPuts"/>
<input type="text" name="outputText7" id="outputText7" class="outPuts"/>
<input type="text" name="outputText8" id="outputText8" class="outPuts"/>
<input type="text" name="outputText9" id="outputText9" class="outPuts"/>
<input type="text" name="outputText10" id="outputText10" class="outPuts"/>
<input type="text" name="outputText11" id="outputText11" class="outPuts"/>
</form>
<p>
<script language="JavaScript">
<!--
document.testForm.inputText.focus();
//-->
</script>
<script>
function crearLabel() {
var target = document.getElementById("packageId"); //ubicamos el objetivo al que se va a agregar el label
var label = document.createElement("Paquete"); //creamos el label
var text = document.createTextNode("Articulo"); //creamos el nodo de texto que contiene la descripcion
label.appendChild(text); //adherimos el texto al label
target.appendChild(label); //aderimos el label al objetivo
}
</script>
Pruebe insertando el codigo 8802946000357 (copie y pegue el codigo en "Scan")
<p>
<div id='resultadosScan1'></div>