Avatar billede cyperangel Nybegynder
24. januar 2004 - 00:21 Der er 2 kommentarer og
1 løsning

Udskrift af sider, basereet på brugerens indput i checkboxe

Mkay, den her er lang, så læn dig tilbage, og tag en cola eller en kop kaffe.

Jeg er Rollespiller. JEg har et system, hvor jeg gerne vil kunne lave en hjemmeside, som folk kan bruge til at lave hurtige karakterer til dette rollespil.

JEg havde forestillet mig noget i retning af en række pulldown menuer, som folk kan bruge, og en række checkboxe, i en almindelig form.

Problemet jeg har er, at selvom jeg godt kan finde ud af at lave en side som det, og kan finde ud af at samle informationen, så kan jeg ikke finde ud af hvordan jeg får den vist igen på en udskriftsvenlig måde. En sådan karakter kan nemt strække sig over flere a4 sider, og jeg kan ikke helt greje hvordan man kan lave den slags. JEg ka en smule PHP, og noget javascript, og en del html, men så rækker det heller ikke længere....

Nogen gode ideer? Jeg har et par tusinde point at brænde af på en total løsning, vhor jeg selv kan modificere indput boxene ud fra en template. Eller nogen delvise løsninger... Alt er velkomment, da jeg lige nu står på bar bund.
Avatar billede googolplex Novice
24. januar 2004 - 01:24 #1
Tag udgangspunkt i hvordan dit character sheet ser ud og byg det op via tabeller, de er gode til slags :)

Så smider du bare informationen i cellerne. Det er da en begyndelse.
Avatar billede roenving Novice
25. januar 2004 - 00:23 #2
Een af de måder, som udskrifter genereres på, er ved hjælp af skjulte (i)frames, som så fyldes med den relevante info, for derefter at blive tildelt fokus og udskrevet ...

F.eks.

<form>
<!-- alle dine felter og selects -->
<button onclick="printKarakter(this.form)">Udskriv</button>
</form>
<iframe name="printForm" style="display:none;"></iframe>

<script type="text/javascript">
function printKarakter(f){
  var ifr = document.printForm;
  var ifrdoc = document.printForm.document
  var txt = '<html><head><title>Karakter for ' + f.playname + '</title></head><body>'
  for(i=0;f.elements.length-1>i;i++){
    txt += f.elements[i].name + ": " + f.elements[i].value + "<br>"
  }
  ifrdoc.open();
  ifrdoc.write(txt);
  ifrdoc.close();
  ifr.focus();
  ifr.print();
  f.document.focus();
}
</script>
Avatar billede roenving Novice
25. januar 2004 - 01:01 #3
-- og også aldeles utestet, og jeg kan se, at der i hvert fald mangler noget style-noget !-)

<style type="text/css">
#printForm{
  display:none;
}
@media print{
#printForm{
  display:block;
}
}
</style>

<iframe name="printForm" id="printForm"></iframe>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester