iphone - Kopier tekst fra textarea, Safari iOS 5 - Udvikleren.dk

Tags: iphone safari ios iwebkit

Bruger #14218 @ 06.02.12 19:47

Jeg sidder og laver en lille webApp til iphone. Jeg bruger iWebKit.
Kan ses her:
http://smsbillet.chrizl.dk/

Jeg skal kopier noget tekst fra et textarea uden at man kan ændre i teksten.

PHP kode

 <textarea name="TextArea" rows="22" >
     Tekst der skal kopieres, men som ikke må redigeres i.
 </textarea>

Har kigget overalt synes jeg, dog uden held

Ved i om der er en mulighed for det? Det behøver selvfølgelig ikke være fra et textarea.
Det må gerne være selectable men ikke editable.

Indlæg senest redigeret d. 06.02.2012 19:48 af Bruger #14218

8 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #17015 @ 06.02.12 20:27

614

En hurtig google søgning bragte mig frem til denne tråd på StackOverflow om samme emne, og med et svar som eftersigende skulle virke på iOS...

JScript kode

 setSelectionRange(0, 9999);

http://stackoverflow.com/a/6302507

Så noget lignende:

HTML kode

 <textarea readonly onclick="this.setSelectionRange(0,1234)">

Alternativt kunne du forsøge dig med:

HTML kode

 <div class="selectabletext" onclick="this.setSelectionRange(0,1234)">blabla</div>

Indlæg senest redigeret d. 06.02.2012 20:28 af Bruger #17015

Bruger #955 @ 06.02.12 20:28

1.624

select() virker ikke i safari iOS

Er det ikke fordi elementet er disabled/readonly? Måske du kunne have din tekst i en div og tilføje en knap med div->select() ?

Har ikke selv en ios enhed at teste med, så det må være mit sidste bud.

Bruger #955 @ 06.02.12 19:51

1.624

Kan dette bruges?

HTML kode

 <textarea name="TextArea" rows="22" disabled >
 Tekst der skal kopieres, men som ikke må redigeres i.
 
 <textarea name="TextArea" rows="22" readonly >
 Tekst der skal kopieres, men som ikke må redigeres i.
 </textarea>

Bruger #14218 @ 06.02.12 19:53

Med readonly kopiere den ikke, hvert fald ikke i iOS 5.
Og disabled kan man bare ikke vælge teksten

EDIT: Sludder, disabled gør bare det samme som readonly

Indlæg senest redigeret d. 06.02.2012 19:54 af Bruger #14218

Bruger #955 @ 06.02.12 20:00

1.624

aha.. Hvad med noget lignende det her:

HTML kode

 <textarea name="TextArea" rows="22" readonly onclick="this.focus();this.select()">

Bruger #14218 @ 06.02.12 20:08

select() virker ikke i safari iOS

EDIT:
Har fundet et workaround, men teksten er dog redigerbar:

HTML kode

 <textarea onclick="document.execCommand('selectAll',false,null)">

Den vælger teksten, men har ikke brug for keyboardet kommer op. og man skal heller ikke kunne redigere teksten

Indlæg senest redigeret d. 06.02.2012 20:17 af Bruger #14218

Bruger #17015 @ 06.02.12 20:32

614

@Stefan, select() virker ikke i mobile safari. Kan ikke lige finde reference til bugreport, men jeg er helt sikker på at jeg har læst det for nyligt.

Bruger #14218 @ 07.02.12 01:44

Jeg må ærligt indrømme jeg ikke tror det kan lade sig gøre at kopiere udover at markere først og der efter markere som normalt.

Synes selv det er blevet meget godt.

Det endte med at se således ud:

HTML kode

 <input type="button" onclick="document.getElementById('toCopy').setSelectionRange(0,1234);" value="Markér tekst">
 
 <textarea name="TextArea" id="toCopy">Dette bliver markeret</textarea>

Så skal man bare selv trykke "Kopier" på iPhones standard "Kopier"-knap.

Nu har jeg så bare et andet problem. Kig med her:
SMS link virker ikke når webapp er installeret på iPhone

Indlæg senest redigeret d. 07.02.2012 01:47 af Bruger #14218

Kopier tekst fra textarea, Safari iOS 5

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler