[JS/HTML] Layer's en forms - Softwareontwikkeling

maandag 10 februari 2003 01:44

Acties:

Verwijderd

Topicstarter

Beste mensen,

Ik heb een, voor mijn gevoel redelijk simpel, doch vervelend probleem. Ik heb op een bepaalde pagina een preloader in de vorm van een layer (div) die verdwijnt zodra de pagina geladen is. Op het zelfde moment wordt de pagina (ook in een div) zichtbaar gemaakt. Het vervelende is echter, dat ik mijn form op de pagina, nu niet meer met een druk op de enter knop kan submitten. Het is essentieel dat dit wel kan, vanwege het gebruiksgemak.

Een simpel onkeydown functietje in de form tag is geen optie, aangezien er ook textarea's in het form voorkomen.

Mijn body onLoad ziet er als volgt uit:

code:

1
2
3

<body onLoad="
preloader.style.visibility='hidden';
pagina.style.visibility='inherit';">

Ik heb ook dit geprobeerd:

code:

1
2
3

<body onLoad="
document.all['preloader'].innerHTML = '';
pagina.style.visibility='inherit';">

'Pagina' en 'Preloader' zijn de id's van de layers. Heeft iemand een idee hoe ik dit op kan lossen?

[ Voor 18% gewijzigd door Verwijderd op 10-02-2003 15:12 . Reden: tikfoutje bij preloader.style.visibility ]

maandag 10 februari 2003 08:31

Acties:

Willem

Waarom inherit?

_{En sinds wanneer is een form submit met enter essentieel vanwege gebruiksgemak?}

Motor (of auto) onderhoud bijhouden

maandag 10 februari 2003 09:43

Acties:

Hangloozz

{ @$%&# }

gebruik gewoon de standaard show/hide opties van css:

code:

1	document.getElementByID('divnaam').style.visibility = 'visible';

of anders:

code:

1 2	document.getElementByID('divnaam').style.display= 'none'; document.getElementByID('divnaam').style.display= 'block';

www.jurgroessen.nl

maandag 10 februari 2003 14:43

Acties:

Verwijderd

Topicstarter

willem169 schreef op 10 February 2003 @ 08:31:
Waarom inherit?

waarom niet? de layer neemt dan gewoon de visibility van de parent over. komt dus op het zelfde neer als 'visible'...

willem169 schreef op 10 February 2003 @ 08:31:
En sinds wanneer is een form submit met enter essentieel vanwege gebruiksgemak?

het is handig, omdat je dan als je veel in moet vullen gewoon niet steeds tussendoor met de muis op de opslaanknop hoeft te klikken...

Anyway, voor de mensen die wel een poging doen om antwoord te geven op de vraag: wat hangloozz zei heb ik geprobeerd, maar omdat mijn opslaan knoppen plaatjes zijn, submit hij niet zodra ik op enter druk. (bij een gewone submit knop werkt het wel).

Nog meer suggesties?

maandag 10 februari 2003 14:47

Acties:

Verwijderd

HTML:

1	<input type="image" src="plaatje.gif" />

doet hetzelfde als een submit button, maar je kunt de src van een plaatje opgeven. Submitten met enter werkt dan nog steeds

edit:
kun je in het vervolg een linkje plaatsen naar de desbetreffende pagina? Bovenstaande reply was namelijk nog wel een beetje een kwestie van gokken

edit2: Hangloozz, dat zeg ik

[ Voor 47% gewijzigd door Verwijderd op 10-02-2003 14:49 ]

maandag 10 februari 2003 14:48

Acties:

Hangloozz

{ @$%&# }

heb je niet ff een linkje? al is het maar een uitgekleed document zodat ik een beeld kan vormen over je form opbouw en submit-actie...

www.jurgroessen.nl

maandag 10 februari 2003 15:01

Acties:

Verwijderd

Topicstarter

Sorry, het is een intranetpagina en ik heb geen webserver tot mijn beschikking. Hier komt een testpagina:

code:

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onLoad="
document.getElementById('preloader').style.visibility = '';
document.getElementById('pagina').style.visibility = 'visible';
">
<div id="preloader" style="position=absolute; width=100%; height=100% visibility=visible;"> 
<table width="100%" height="100%" bgcolor="">
  <tr> 
    <td align="center" valign="middle"><font size="-1" face="Arial, Helvetica, sans-serif">De 
      pagina wordt geladen...</font></td>
  </tr>
</table>
</div>
<div id="pagina" style="visibility=hidden; position=absolute; width=100%; height=100%;"> 
<span class="arial4B">Test</span> <br>
<br>
<br>
<form name="form1" method="post" action="">
  <p> 
    <input type="text" name="textfield">
  </p>
  <p> 
    <input type="text" name="textfield2">
    <input name="imageField" type="image" src="/images/buttons/opslaan.gif" width="99" height="21" border="0">
  </p>
</form>
</div> 
</body>
</html>

Het plaatje moet je er maar even bijdenken...

[ Voor 33% gewijzigd door Verwijderd op 10-02-2003 15:02 ]

maandag 10 februari 2003 15:12

Acties:

Hangloozz

{ @$%&# }

attributen binnen een styledefinitie dienen door een dubbelepunt (:) gescheiden te worden.

verder moet ik nog ff kijken...

www.jurgroessen.nl