Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

js werkt niet in IE (Opgelost)

Emonk - 24/06/2012 17:32

Lid

Hallo,

Ik gebruik deze code op mijn website http://bingo.camilstaps.nl:

javascript code - Bekijk de code zonder highlighting - Klap code in

                var noTexts = 5;
function addText() {
	var i;
	var texts = Array();
	var greek = Array();
	for (i=1;i<=noTexts;i++) {
		texts[i] = document.getElementById('text-'+i).value;
		greek[i] = document.getElementById('greek-'+i).checked;
	}
	noTexts++;
	document.getElementById("texts").innerHTML += '<tr><td>'+noTexts+'. </td><td><input type="text" name="text-'+noTexts+'" id="text-'+noTexts+'" tabindex="'+noTexts+'"/></td><td><input type="checkbox" name="greek-'+noTexts+'" id="greek-'+noTexts+'"/></td></tr>';
}

function addTexts() {
	var n;
	var i = document.getElementById('newTexts').value;
	for (n=0;n<i;n++) {
		addText();
	}
}

function checkForm() {
	var width = document.getElementById('width').value;
	var height = document.getElementById('height').value;
	
	var i;
	var noUsedTexts = 0;
	for (i=1;i<=noTexts;i++) {
		if (document.getElementById('text-'+i).value!='') {
			noUsedTexts++;
		}
	}
	
	if (noUsedTexts < width*height) {
		alert('Het aantal ingevulde teksten moet groter zijn dan het aantal velden van een formulier.');
		return false;
	}
	
	return true;
}
            
var noTexts = 5;
function addText() {
	var i;
	var texts = Array();
	var greek = Array();
	for (i=1;i<=noTexts;i++) {
		texts[i] = document.getElementById('text-'+i).value;
		greek[i] = document.getElementById('greek-'+i).checked;
	}
	noTexts++;
	document.getElementById("texts").innerHTML += '<tr><td>'+noTexts+'. </td><td><input type="text" name="text-'+noTexts+'" id="text-'+noTexts+'" tabindex="'+noTexts+'"/></td><td><input type="checkbox" name="greek-'+noTexts+'" id="greek-'+noTexts+'"/></td></tr>';
}
 
function addTexts() {
	var n;
	var i = document.getElementById('newTexts').value;
	for (n=0;n<i;n++) {
		addText();
	}
}
 
function checkForm() {
	var width = document.getElementById('width').value;
	var height = document.getElementById('height').value;
 
	var i;
	var noUsedTexts = 0;
	for (i=1;i<=noTexts;i++) {
		if (document.getElementById('text-'+i).value!='') {
			noUsedTexts++;
		}
	}
 
	if (noUsedTexts < width*height) {
		alert('Het aantal ingevulde teksten moet groter zijn dan het aantal velden van een formulier.');
		return false;
	}
 
	return true;
}
 

Dit werkt prima in chrome, FF, etc. maar IE geeft een error: regel 10 teken 5... regel 59 van het hele bestand. Ik zie geen fout, jullie wel?

Alvast bedankt

5 antwoorden

Gesponsorde links

Martijn - 25/06/2012 11:21

Crew PHP

javascript code - Bekijk de code zonder highlighting - Klap code in

                				document.getElementById("texts").innerHTML += '<tr><td>'+noTexts+'. </td><td><input type="text" name="text-'+noTexts+'" id="text-'+noTexts+'" tabindex="'+noTexts+'"/></td><td><input type="checkbox" name="greek-'+noTexts+'" id="greek-'+noTexts+'"/></td></tr>';
            
document.getElementById("texts").innerHTML += '<tr><td>'+noTexts+'. </td><td><input type="text" name="text-'+noTexts+'" id="text-'+noTexts+'" tabindex="'+noTexts+'"/></td><td><input type="checkbox" name="greek-'+noTexts+'" id="greek-'+noTexts+'"/></td></tr>';

Het is die regel, dat is regel 11 uit je code

zo snel zo ik m even niet

NTS64 - 25/06/2012 16:06
PHP gevorderde		De innerHTML property van HTMLTableElement objecten is read-only in IE. Meer info & oplossing: http://support.microsoft.com/kb/239832

Emonk - 25/06/2012 20:00
Lid		Hmm, bedankt, maar die oplossing begrijp ik niet. Wat zou de code moeten worden?

NTS64 - 26/06/2012 11:35 (laatste wijziging 26/06/2012 11:45)

PHP gevorderde

In plaats van wat er nu op regel 11 staat:

javascript code - Bekijk de code zonder highlighting - Klap code in

                var tbl = document.getElementById("texts");				
// stop nieuwe rij in tabel
var newTR = tbl.insertRow(tbl.rows.length);				
// stop 3 nieuwe cellen in de nieuwe rij
for(var arrTD = new Array(3), i = 0; i < arrTD.length; i++)
	arrTD[i] = newTR.insertCell(newTR.cells.length);
// vul cellen in
arrTD[0].innerHTML = noTexts + '.';
arrTD[1].innerHTML = '<input type="text" name="text-' + noTexts + '" id="text-' + noTexts + '" tabindex="' + noTexts + '">';
arrTD[2].innerHTML = '<input type="checkbox" name="greek-' + noTexts + '" id="greek-' + noTexts+ '">';

            
var tbl = document.getElementById("texts");				
// stop nieuwe rij in tabel
var newTR = tbl.insertRow(tbl.rows.length);				
// stop 3 nieuwe cellen in de nieuwe rij
for(var arrTD = new Array(3), i = 0; i < arrTD.length; i++)
	arrTD[i] = newTR.insertCell(newTR.cells.length);
// vul cellen in
arrTD[0].innerHTML = noTexts + '.';
arrTD[1].innerHTML = '<input type="text" name="text-' + noTexts + '" id="text-' + noTexts + '" tabindex="' + noTexts + '">';
arrTD[2].innerHTML = '<input type="checkbox" name="greek-' + noTexts + '" id="greek-' + noTexts+ '">';
 

Mocht je compatibiliteit met oudere browsers willen hebben(insertRow en insertCell worden niet ondersteund in Chrome < 4, Safari < 4 en Opera Presto < 2.1) kan je het in een try/catch stoppen:

javascript code - Bekijk de code zonder highlighting - Klap code in

                try {
	if(var tbl = document.getElementById("texts"))
		tbl += '<tr><td>'+noTexts+'. </td><td><input type="text" name="text-'+noTexts+'" id="text-'+noTexts+'" tabindex="'+noTexts+'"/></td><td><input type="checkbox" name="greek-'+noTexts+'" id="greek-'+noTexts+'"/></td></tr>';
}
catch(e)
{
	var tbl = document.getElementById("texts");				
	// stop nieuwe rij in tabel
	var newTR = tbl.insertRow(tbl.rows.length);				
	// stop 3 nieuwe cellen in de nieuwe rij
	for(var arrTD = new Array(3), i = 0; i < arrTD.length; i++)
	arrTD[i] = newTR.insertCell(newTR.cells.length);
	// vul cellen in
	arrTD[0].innerHTML = noTexts + '.';
	arrTD[1].innerHTML = '<input type="text" name="text-' + noTexts + '" id="text-' + noTexts + '" tabindex="' + noTexts + '">';
	arrTD[2].innerHTML = '<input type="checkbox" name="greek-' + noTexts + '" id="greek-' + noTexts+ '"/>';
}


            
try {
	if(var tbl = document.getElementById("texts"))
		tbl += '<tr><td>'+noTexts+'. </td><td><input type="text" name="text-'+noTexts+'" id="text-'+noTexts+'" tabindex="'+noTexts+'"/></td><td><input type="checkbox" name="greek-'+noTexts+'" id="greek-'+noTexts+'"/></td></tr>';
}
catch(e)
{
	var tbl = document.getElementById("texts");				
	// stop nieuwe rij in tabel
	var newTR = tbl.insertRow(tbl.rows.length);				
	// stop 3 nieuwe cellen in de nieuwe rij
	for(var arrTD = new Array(3), i = 0; i < arrTD.length; i++)
	arrTD[i] = newTR.insertCell(newTR.cells.length);
	// vul cellen in
	arrTD[0].innerHTML = noTexts + '.';
	arrTD[1].innerHTML = '<input type="text" name="text-' + noTexts + '" id="text-' + noTexts + '" tabindex="' + noTexts + '">';
	arrTD[2].innerHTML = '<input type="checkbox" name="greek-' + noTexts + '" id="greek-' + noTexts+ '"/>';
}
 

Deze code probeert eerst via de innerHTML property de nieuwe rij toe te voegen. Als dit een fout veroorzaakt(in IE dus) wordt de catch uitgevoerd.

Bedankt door: Emonk

Emonk - 26/06/2012 19:53
Lid		Bedankt! Deze code werkt

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten