Buttons in Chrome

Status
Niet open voor verdere reacties.
S

SamWitse

Gebruiker
Lid geworden
20 nov 2008
Berichten
28
Beste forumleden, help mij! :confused:

Ik heb een kleine testpagina met daarin een eigenaardig probleem in Chrome (enkel in Chrome)

Run het testprogramma, en klik op de Add-button, normaal verschijnt er een Button1 onder de Add-button.
==> in Chrome wordt de onder-rand van Button1 niet getekend
Klik nu nogmaals op Add, normaal verschijnt er Button2 naast Button1.
==> in Chrome verschijnt Button2 niet, maar als je je muis naast Button1 verplaatst, verschijnt er 'plots' Button2 !?!

Wat gebeurt er hier??:shocked:

ik heb het HTML-bestand maar hernoemd naar een .TXT om het te kunnen toevoegen als bijlage.
 

Bijlagen

ligt aan jou hier doet die het prima in firefox 4.0 IE10 en google crome

p.s :P leuke title Internationaal Rukkersforum
 
Ik heb het laten testen op een andere PC.
Het kan wel zijn dat dit de eerste keer goed loopt, maar bij een tweede poging niet meer.

Vergeten de Title weg te halen...:)
 
helaas kan ik je dan niet helpen na 5 keer werkt het nogseets prima los van de melding dat sommige functies niet beschikbaar zijn toch maakt hij 12 buttons als ik dat wil
 
Jammer dat het werkt! :)
Welk functies zijn er bij jou niet beschikbaar?! Buiten getElementByID en parseInt staat er niks in!

Ik heb deze test7 reeds laten testen op een andere PC, waar het in Chrome ook niet werkte (effecten zoals in post 1). Waar zou dat in hemelsnaam aan kunnen liggen?

Hopeloze Sam.
 
Bij mij werkt hij ook gewoon, geen probleem

zou ook niet weten wat er dan mis is

ik heb het volgende gebruikt
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Adding buttons with JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addButton()
{
    nr = parseInt(document.getElementById('nr').value) + 1 ;
	document.getElementById('nr').value = nr ;

	result = "<input type='button' id='" + nr + "'  value='button " + nr + "' \>" ;

	buttons.innerHTML += result ;
}
</script>
</head>
<body>
<form enctype="multipart/form-data" action="#" method="post" >
	<input type="button" onClick="addButton();" value="Add a Buton" \>
		<table>
			<tr> 
				<td><div id="buttons"></div></td>
			</tr>
		</table>
	<input type="hidden" id="nr" value="0" \>
</form>
</body>
</html>
 
Laatst bewerkt:
Dankjewel, Vreugde.

Jouw code werkt bij mij wél prima.
Nu op zoek naar het verschil - op de title na dan.

Sam/
 
Het kan liggen aan de standaarden van W3C, aangezien in de code het volgende wordt gedaan

Code: 
...
a = Chain.innerHTML ;
...
Chain.innerHTML = a ;
...

wat eigenlijk hoort te zijn

Code: 
document.getElementById('Chain').innerHTML += result ;

maar dat weet ik niet zeker.

groeten vreugde
 
Vreugde,

Als ik in jouw code
HTML: 
<table width="200">
plaats ipv
HTML: 
<table>
krijg ik het fenomeen dan de button1 getekend wordt, en button2 maar half!!
En dit gebeurt bij elke waarde van width.

Heel raar dat dit bij jullie niet gebeurt?!
 
Meer precies: button2 wordt niet verder getekend dan 'Add a button' breed is!

Maak ik er
HTML: 
<input type="button" onClick="addButton();" value="Add a Button when there is enough space" \>
van, dan beeldt hij wél button2 af, maar tekent hij Button4 (of zo) niet volledig meer af.

Lijkt mij dat Chrome een deel van de table met een vaste breedte niet wil (her)afbeelden...
Hoe zou dit komen?:confused:
 
Beetje raar want de eerste input button zit niet in de table dus denk zelf niet dat het daar aan zou kunnen liggen.

Probeer anders het gehele table gebeuren eruit te halen aangezien je maar 1 cel hebt die ook nog eens een div-tag bezit (Beetje dubbelop denk ik)
 
Vreugde,

Dit testhtmelletje is dan ook een uitgeklede versie van een echte pagina. Hier is die table niet echt nodig; in de complete pagina wél.

In bijlage nog een afbeelding van hetgeen er gebeurt na de tweede klik, uitgevoerd op een andere PC.

Hoe zou dit op te lossen kunnen zijn?:rolleyes:
 

Bijlagen

  • jpeg na 2de klik.jpg
    jpeg na 2de klik.jpg
    3,4 KB · Weergaven: 13
Opgelost

Het blijkt een bug te zijn in Chrome. Wordt opgelost in Chromium.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan