[JS] Enter -> tab in htmlform / landscape printen

[Suepahfly]

Probleem 1:
De entertoets vevangen door tab.

Op Google zie je door de bomen het bos niet meer.
De enige resultaten die mij nog wat leken waren niet wat.

Hier op GoT hebben er een paar draadjes over gelopen maar die waren allemaal zonder bevredigend resultaat.

Waar ik zelf mee ben gekomen is dit;

code:

function enter2tab()
{
    if (window.event.keyCode == 13) 
    {
        window.event.keyCode = 9;  
        //return tabtoets (werkt alleen niet zoals verwacht)
    }
}

En dan

code:

<form  [....]  onKeyup="enter2tab()">

Ik heb nu wel de entertoets uit geschakeld, dus het formulier wordt niet verzonden als men per ongeluk op enter drukt, maar de cursor verspringt nog niet naar het volgende veld.


Probleem 2 Landscape en zonder titles een pagina afdrukken.

Wat probleem betreft heb ik het volgende gevonden:

code:

<style type="text/css">
@media print {
landscape
}
</style>

Veel meer als dat kon ik niet vinden.
Uiteraard werkt het niet.


Vooral de laatste is erg belangerlijk. Er moet landscpe geprint kunnen worden, desnoods met een ative-x control of browser-plugin oid.

[Skaah]

Het laatste moet natuurlijk zijn:

Cascading Stylesheet:

@media print
{
 .nietprinten
  {
  display: none;
  }
}

Ik neem maar even aan dat je bekend bent met CSS classes.

[Verwijderd]

Volgens mij kan dit niet.
Aangezien de handle altijd terug komt bij het form element.

Je kan onKeyDown proberen.

[Verwijderd]

Of gewoon het volgende element in de elementcollection focussen.

<div>
elem1
elem2
elem3
</div>

div.childNodes blabla

[crisp]

Verwijderd schreef op 19 november 2003 @ 18:28:
Of gewoon het volgende element in de elementcollection focussen.

elem1
elem2
elem3

div.childNodes blabla

inderdaad, keyevent cancellen en volgende element de focus geven. Als je het echt generiek wil opzetten zal je echter ook rekening moeten houden met eventuele tabindex attributen.

[djluc]

prob 2: http://www.w3schools.com/css/css_ref_print.asp kijk eens in de tabel bij size...

[Suepahfly]

wat printen betreft heb ik de volgende twee

code:

@media print 
{
     body, table, tr, td, th 
     {
        writing-mode: tb-rl;
        height: 80%;
        margin: 0% 0%;
    }
}

en

code:

@media print 
{
     body, table, tr, td, th 
     {
          filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
    }
}

De pagina's worden op normaal op het scherm weergegeven.
in landscape geprint.

Maar....

Bij de eerste komen de tabellen wel gewoon onder elkaar (of naast elkaar eigenlijk), Waardoor je een hele breede layout hebt.

En de tweede maakt op de een of andere manier alleen schiune strepen, als ik deze echter aan de tag toe voeg, dus:

code:

<table style="filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);">

wordt deze wel 90' graden geroteerd, <tr> en <td> echter weer niet.

Het lijkt mij dan ook het beste om met de eerste verder te gaan.
Maar dan heb nog wel een oplossing nodig om de tabellen netjes uit te lijnen.

[Suepahfly]

*kick*

[Dark Blue]

Voor het niet printen van de standaard header en footer heeft Papa Eend - of eigenlijk weer iemand anders - een oplossing gevonden. Ik zal m ff op zn snavel kloppen...

[djluc]

Heb je mijn vorige post, en dus ook de link bekeken? Daar staat volgens mij echt precies wat je bedoeld namelijk...