- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- javascript, scrolling orizzontale anzi che verticale
-
nessun punto di partenza??? è cosi assurda come idea?
-
Non hai postato l'html con cui poterlo provare,
Comunque dato che non conosci javascript, ti consiglio di utilizzare jQuery con un plugin che ti interessa.
E' molto più semplice.
-
grazie per l'interesse... non posso usare altro perche questi file sono dentro al mio terminale installati di fabbrica e se pur ho personalizzato html non credo si possano usare altri linguaggi... ti scrivo anche html:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
".w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!-- messaging-widgets -->
<html>
<head>
<link rel="stylesheet" type="text/css" href="MessagingWidgetsSingleSMS.css"></link>
<link rel="stylesheet" type="text/css" href="/etc/hildon/theme/css/colors.css" id="ThemeCSSLink"></link>
<script type="text/javascript" src="MessagingWidgetsSingleSMS.js" charset="UTF-8"></script>
</head><!-- Preserve the tag IDs. Everything else can be changed and rearranged -->
<body class="nodebug DefaultBackgroundColor DefaultTextColor SystemFont" onload="MessagingWidgetsSingleSMS_init()">
<div id="MessagingArea">
<div id="MessageContainerSelf" class="Message Self" style="display:none;">
<div id="MessageSelf" class="BubbleSelf">
<div class="MessageTop Self">
<div id="MessageSenderNameSelf" class="MessageNameField SecondaryTextColor LargeSystemFont Self"></div>
<img id="MessageBusinessCardImgSelf" class="MessageBusinessCardImg" src=""/>
<span id="MessageTimeStampSelf" class="MessageTimeStamp SecondaryTextColor Self SmallSystemFont"></span>
<span id="MessageDeliveryTimeStampSelf" class="MessageDeliveryTimeStamp PrimaryTextColor Self SmallSystemFont"></span>
<span id="MessageStatusSelf" class="MessageStatus PrimaryTextColor"></span>
</div>
<div id="MessageTextSelf" class="MessageText Self MessagingBubbleBorderColor"></div>
</div>
</div>
<div id="MessageContainerOther" class="Message Other" style="display:none;">
<div id="MessageOther" class="BubbleOther">
<div class="Avatar">
<div id="AvatarImgBorderOther" class="MessageAvatarBorder Other MessagingAvatarBorderColor"></div>
<img id="AvatarImgOther" src="" class="MessageAvatar MessagingAvatarBorderMaskColor " />
</div>
<div style="display:inline-block;">
<div id="MessagePresenceBoxOther" class="MessagePresenceBox">
<span class="MessagePresence"><img id="MessagePresenceOther" src="" class="MessagePresence"/></span>
</div>
<span id="MessageSenderNameOther" class="MessageNameField SecondaryTextColor LargeSystemFont Other"></span>
<div class="MessageTop Other">
<img id="MessageBusinessCardImgOther" class="MessageBusinessCardImg" src=""/>
<span id="MessageTimeStampOther" class="MessageTimeStamp SecondaryTextColor Other SmallSystemFont"></span>
<span id="MessageDeliveryTimeStampOther" class="MessageDeliveryTimeStamp PrimaryTextColor Other SmallSystemFont"></span>
<span id="MessageStatusOther" class="MessageStatus PrimaryTextColor"></span>
</div>
</div>
<div id="MessageTextOther" class="MessageText Other MessagingBubbleBorderColor"></div>
</div>
</div>
</div>
</body>
</html>serve anche il css?? nello script ci sono anche le istruziuoni che vanno a prendere gli sms... percio non so proprio da dove iniziare, non si puo individuare le istruzioni dedllo scrolling?? Non mi sembra cosa facile...
è possibile fare cio che desidero?
-
proprio nessuna idea???
-
proprio nessuno sa da dove cominciare è... cmq immaginavo, è il terzo forum che non riesce ad aiutarmi, mannaggia... grazie lo stesso
-
Non riesco a riprodurre la tua pagina.
Inoltre tra "terminale" e "installazioni di fabbrica" mi sono perso
-
non credo che tu rieca a visualizzarla in modo corretto.. cioè se ti do il css allora visualizzi le bobble che dovrebbero contenere gli sms ma non ti da l'opportunita di scorrere i messaggi visto che non c'e ne e quindi visualizza una per l'emittente e una per il mittenete... cmq ti passo anche il css:
/**- Style rules for the MessageBuffer
*/
/**
- the body defaults
*/
body {
word-wrap: break-word;
margin-left: 16px;
margin-right: 16px;
vertical-align: top;
}
/**
- The table column formats
*/
div.Message * {
white-space: normal;
}#MessagingArea {
vertical-align: top;
}div.Message {
clear: both;
white-space: nowrap;
vertical-align: middle;
}div.Message.Self {
}div.Message.Other {
}div.Message:first-child {
padding-top: 0px;
}div.Message:last-child {
padding-bottom: 0px;
}div.BubbleSelf {
vertical-align: top;
width: 100%;
display: inline-block;
}div.MessageContainerOther {
}div.BubbleOther {
vertical-align: top;
width: 100%;
display: inline-block;
}/**
- Others' Avatars
- This needs a "drop down" shadow, but no idea if that can be done
*Adele: please note that this drop down shadow might be subjected to change
*I've talked about it with Vilja who's in charge of address book layout
*and we might change it so that it's a double border colour to indicate
*that the avatar is clickable. drop shawdow doesn't seem to work with
*dark backgrounds unless it's a light colour drop shadow.
*PLEASE tell me if it's difficult to implement the drop shadow.
*/
div.Avatar {
margin: 0px 16px 0px 0px; /* top right bottom left */
padding: 8px 0px;
width: 80px;
display: inline-block;
vertical-align: top;
}.MessageAvatar {
width: 80px;
height:80px;
outline-style: solid;
outline-width: 4px;
-moz-outline-radius: 8px;
}div.MessageAvatarBorder {
z-index: 1;
width: 80px;
height: 80px;
position: absolute;
top: 15px;
left: 15px;
display: inline-block;
-moz-border-radius: 6px;
border-width: 1px;
border-style: solid;
}div.MessagePresenceBox {
width: 24px;
padding: 8px 0px;
display: inline-block;
vertical-align: top;
}span.MessagePresence {
width: 24px;
display: inline-block;
}img.MessagePresence {
vertical-align: middle;
width: 16px;
height: 16px;
}/**
- the Name field
*/
span.MessageNameField {
word-wrap: break-word;
vertical-align: middle;
padding: 0px;
margin: 0px;
}
span.MessageNameField.Self {
}span.MessageNameField.Other {
}/**
- the Text field
*/
div.MessageText {
border-top-style: solid;
border-top-width: 2;
padding-top: 8px;
margin-top: 8px;
display: block;
text-align: left;
vertical-align: middle;
word-wrap: break-word;
}
.MessageText.Other {
width: 100%;
}.MessageText.Self {
width: 100%;
}/**
- the NameSeparator field
*/
span.MessageNameSeparator {
vertical-align: middle;
}
.MessageSeparator {
visibility: hidden;
}/**
- the TimeStamp default rules
*/
div.MessageTop {
margin-bottom: 8px;
white-space: nowrap;
}
div.MessageTop.Self {
}div.MessageTop.Other {
display: block;
}img.MessageBusinessCardImg {
vertical-align: middle;
padding-right: 4px;
}span.MessageTimeStamp {
}span.MessageDeliveryTimeStamp {
}img.MessageStatusImg {
vertical-align: middle;
padding-right: 0px;
}.MessagingWidgetsSmiley {
height: 24px;
width: 24px;
}
- Style rules for the MessageBuffer
-
e grazie mille per l'interesse, credevo ormai di rivolgermi altrove... grazie tante!!!
-
Credimi, anche con tutta la volontà di aiutarti, mi è impossibile se non riesco a riprodurre la pagina con lo script.
-
ti ringrazio molto allora... e visto che è il tuo mondo non sapresti indirizzarmi nella parte che interessa lo scorrimento?? proprio non è possibile individualizzarla?
grazie ancora per il tuo tempo...
-
L'unica cosa che indivisuo è:
window.scrollTo(0,0);
ma non è quello che decide che sia verticale.
Mi dispiace, ma così non so aiutarti.
-
ok... grazie ancora, volevo contattarti su skype ma non ci sono riuscito...