From 0166a6865404cec150d4457fd13e25bf35635ad0 Mon Sep 17 00:00:00 2001 From: Florian Zeitz Date: Sat, 25 Jul 2009 18:10:26 +0200 Subject: [PATCH] Change vCard display * vCards are now displayed in lightview-like style --- css/standard.css | 29 +++++++++++++++++++++++++++-- index.html | 1 + scripts/basic.js | 9 +++++---- scripts/strophejs | 2 +- vCard.html | 45 ++++++++++++++++++++++++++++++++------------- 5 files changed, 66 insertions(+), 20 deletions(-) diff --git a/css/standard.css b/css/standard.css index b6c3b8e..eb2b9d6 100644 --- a/css/standard.css +++ b/css/standard.css @@ -7,9 +7,18 @@ } #vCard_container { - float: left; display: none; - margin: 1em; + position: fixed; + height: 100%; + width: 100%; +} + +#vCard { + background: white; + text-align: center; + margin: 2em auto; + width: 50%; + overflow: auto; } #ownInfo { @@ -27,6 +36,17 @@ float: left; } +#box-overlay { + background: black; + opacity: 0.8; + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + display: none; +} + .vCardName { font-weight: bold; } @@ -67,3 +87,8 @@ font-size: 15pt; font-weight: bold; } + +.noMarker { + list-style-type: none; + display: inline; +} diff --git a/index.html b/index.html index e06ee7d..1b90698 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@
+
diff --git a/scripts/basic.js b/scripts/basic.js index e4a63cf..62c00c1 100644 --- a/scripts/basic.js +++ b/scripts/basic.js @@ -62,9 +62,11 @@ function populateVCard(e, jid) { }); $('#vCard').click(function () { + $('#box-overlay').hide(); $('#vCard_container').slideUp("normal"); }); + $('#box-overlay').show(); $('#vCard_container').slideDown("normal"); } @@ -84,10 +86,7 @@ function _cbVCard(e) { function _cbOwnVCard(e) { $('#ownInfo').empty(); - $('#ownInfo').load('vCard.html #vCard', function() { - $('#ownInfo').find('div').each(function() { - $(this).attr('id', 'own' + $(this).attr('id')); - }); + $('#ownInfo').load('vCard.html #ownvCard', function() { var easy_cases = new Array('FN', 'FAMILY', 'MIDDLE', 'GIVEN', 'NICKNAME', 'BDAY', 'CTRY', 'USERID'); for (var i=0; i
-
Avatar:
-
Full Name:
-
Last Name:
-
First Name:
-
Middle Name:
-
Nickname:
-
Birthday:
-
Telephone (Home):
-
Telephone (Work):
-
E-Mail (Home):
-
E-Mail (Work):
-
Country:
-
E-Mail:
+
    +
  • Avatar:
    • +
  • Full Name:
    • +
  • Last Name:
    • +
  • First Name:
    • +
  • Middle Name:
    • +
  • Nickname:
    • +
  • Birthday:
    • +
  • Telephone (Home):
    • +
  • Telephone (Work):
    • +
  • E-Mail (Home):
    • +
  • E-Mail (Work):
    • +
  • Country:
    • +
  • E-Mail:
    • +
+
+
+
    +
  • Avatar:
    • +
  • Full Name:
    • +
  • Last Name:
    • +
  • First Name:
    • +
  • Middle Name:
    • +
  • Nickname:
    • +
  • Birthday:
    • +
  • Telephone (Home):
    • +
  • Telephone (Work):
    • +
  • E-Mail (Home):
    • +
  • E-Mail (Work):
    • +
  • Country:
    • +
  • E-Mail:
    • +
-- 2.39.2