NOTESSIDAN

Allt om Lotus Notes & Domino




HTML5 Placeholder med javascript i xpages

Placeholder är ett attribut man kan sätta på en input tag i html. placeholder är ett HTML 5 attribut och stöds inte ännu av alla webläsare. mern om du kodar för speciella webläsare tex. i iPhone så är det smidigt.









tex följande html rad
<input placeholder="search here">

Kommer generera en hjälp text i inputboxen som försvinner när man klickar i fältet och kommer tillbaka till fältet om man lämnar det utan att ha skrivit något. (om du använder tex. Firefox 3.6 så kommer du inte se placeholder texten)



Om man försöker sätta placeholder attributet på en inputcontrol i xPages så får man felet
unknown property placeholder. It is not defined on tag xp:inputText.


Detta beror på att alla attribut man använder i en kontroll i xpages måste var giltiga. man kan om man vill "overloada" kontrollerna i xpages med java och lägga till egna attribut.
Tim Tripcony har bloggat om hur man lägger till placeholder som ett attribut på inputText kontrollen här, men detta är en omständig process och du måste lyfta med dig java koden in i varje databas du vill använda attributet på.







Ett enklare sätt är istället att sätta attrributet efter websidan laddats med client side javascript
Lägg koden nedan i ett CSJS sciptlibrary och peka ut den i din xpage så har du din placeholder.


dojo.addOnLoad(function(){
var item = dojo.query("*[id$='inputText1']")[0];
dojo.attr(item,"placeholder", "search here");
});







Relevanta Poster på Notessidan:



Fler Poster om:

Fler bloggar om:

Technorati:

Delicious:
Publicerad 2011-02-24 | Kommentarer: 1 | Läsningar:

Kommentarer

Max ( 2015-11-26 18:19:03 )



Sök på Notessidan
Thomas Adrian
ThomasCertifierad utvecklare och administratör inom Notes & Domino

Kontakta mig







Senaste Sökningarna på Notessidan
Sön - sharepoint (R:1)
Sön - räkna and antal and besökare (R:0)
Sön - browser (R:17)
Sön - stoppar and mail (R:1)
Sön - korrupt (R:3)
Sön - böcker (R:0)
Sön - kalendern (R:12)
Sön - feature (R:15)
Sön - print and mime (R:2)
Sön - länka (R:0)
Sön - databasen (R:94)
Sön - access (R:47)
Sön - outlook (R:15)
Sön - webanvändare (R:0)
Sön - google and maps (R:6)
Sön - juffe (R:2)
Sön - uidoc.print (R:1)
Sön - java and lotusscript (R:26)
Sön - besök (R:0)




Databasstatistik Blogg
Uppdateras var 15:e Minut

Antal Poster:562
Antal Kommentarer: 1405
Alla sidvisningar idag:
Unika Besökare idag:
Databasstorlek: 153,25Mb
Fixup: 2019-09-22 21:33:25
FT:2019-09-23 07:19:27
DB Procent använd: 99,5
Antal Agenter: 42
Antal Formulär: 65
Antal Vyer: 60
Antal Dokument: 7983
Antal Image Resources: 108
Antal Subformulär: 18
Antal Scriptbibliotek: 11
Totalt Antal Designelement: 576
Antal Attachments: 159
Antal Konflikter: 0
Server version 1: 405
Server version 2: Release 9.0.1FP9|August 14, 2017
Server Plattform: Windows/64
Ändrad: 2019-09-23 09:09:43
Server Tidszon: Z=-1$DO=1$DL=3 -1 1 10 -1 1$ZX=131$ZN=W. Europe
Region:
Kommentarsspam Idag: 7
Kommentarsspam Totalt: 18902


BlogRankers.com

Top Sites at iWEBTOOL.com

Fight Spam! Click Here!

Bloggtoppen.se

Listed on BlogShares

Increase website traffic

Top Internet Blogs

Site Checker