Hallo,
in meiner Webapp will ich eine Suchleiste erstellen (input), die so aussieht und funktioniert, wie die von WhatsApp (auf dem iPhone ios7, Kontakte).
Sie soll natürlich nicht exakt so aussehen wie auf Whatsapp, folgendes möchte ich übernehmen:
1) Das "Lupe-Symbol" in der Mitte der Suchleiste(über placeholder?)
2) Beim Anklicken soll der Effekt auch übernommen werden: 'Lupe-Symbol' + 'Suchen' rutscht in die linke Seite der Such-Leiste; die Leiste verkleinert sich auf ca. 80% der Bildschirmbreite und rutscht auch nach links ; in der rechten Ecke erscheint 'Abbrechen', mit der man die Suche abbrechen kann.
Meine Frage:
zu 1) Weiß jmd wie ich das Symbol in die Mitte der Suchleiste bekomme(so wie mit placeholder Text)?
zu 2) Ist es möglich diesen Effekt mit Javascript nachzuprogrammieren(lohnt es sich)?
Es wäre schön wenn jmd, der ein iPhone mit IOS7 und Whatsapp hat sich das kurz anschauen könnte:)
mfg
mango
in meiner Webapp will ich eine Suchleiste erstellen (input), die so aussieht und funktioniert, wie die von WhatsApp (auf dem iPhone ios7, Kontakte).
Sie soll natürlich nicht exakt so aussehen wie auf Whatsapp, folgendes möchte ich übernehmen:
1) Das "Lupe-Symbol" in der Mitte der Suchleiste(über placeholder?)
2) Beim Anklicken soll der Effekt auch übernommen werden: 'Lupe-Symbol' + 'Suchen' rutscht in die linke Seite der Such-Leiste; die Leiste verkleinert sich auf ca. 80% der Bildschirmbreite und rutscht auch nach links ; in der rechten Ecke erscheint 'Abbrechen', mit der man die Suche abbrechen kann.
Meine Frage:
zu 1) Weiß jmd wie ich das Symbol in die Mitte der Suchleiste bekomme(so wie mit placeholder Text)?
zu 2) Ist es möglich diesen Effekt mit Javascript nachzuprogrammieren(lohnt es sich)?
Es wäre schön wenn jmd, der ein iPhone mit IOS7 und Whatsapp hat sich das kurz anschauen könnte:)
mfg
mango
0 commentaires:
Enregistrer un commentaire