Ερωτηση javascript απο εντελως ασχετο με τη γλωσσα..

oldnew · 16 Δεκεμβρίου 2009

Εχω ενα αρχειο wallpaper.js το οποιο φανταζομαι οτι ειναι javascript. Eιναι αρχειο σε iphone το οποιο προσπαθω να μετατρεψω να κανει κατι που θελω. Εχω το εξης προβλημα: Καπου γραφει

document.getElementById("temp").innerText="................"+tempValue+" c";

Τις τελιτσες ("................") τις εχω βαλει εγω για να τυπωθει ποιο δεξια τα περιεχομενα της μεταβλητης tempValue . Οπως το εχω δουλευει, αλλα δεν θελω να βλεπω τις τελιτσες στην οθονη. Αν βαλω κενο " " δεν το βλεπει καθολου σαν να μην υπαρχει. Υπαρχει καποιος ειδικος χαρακτηρασ για το κενο?

Eυχαριστω.

PCharon · 16 Δεκεμβρίου 2009

oldnew · 16 Δεκεμβρίου 2009

Το εχω δοκιμασει ηδη αυτο, ψαχνοντας στο google ποιος ειναι ο ειδικος χαρακτηρας space για αυτη τη γλωσσα.

Το βαζω ετσι:

document.getElementById("temp").innerText= "................"+tempValue+" c";

Aλλα δεν τρεχει καθολου ετσι.. Καμια ιδεα ?

isay · 16 Δεκεμβρίου 2009

Μπόινγκ!

ANTI για τις τελείες θα βάλεις το

>
document.getElementById("temp").innerText="    "+tempValue+" c";

oldnew · 16 Δεκεμβρίου 2009

Μπόινγκ!
ANTI για τις τελείες θα βάλεις το
>
document.getElementById("temp").innerText="    "+tempValue+" c";

Καλα γελας εσι φιλε μου αλλα ουτε αυτο δουλευει. Αυτο τυπωνει στην οθονη οτι περιμενα οτι θα εβγαζε δηλαδη:

&nbsp10 c

(10 ειναι η θερμοκρασια που δινει η μεταβλητη tempValue)

Ο κωδικας ειναι ο παρακατω περιπου. Μηπως δεν ειναι javascript ?

var postal;

var demoMode = false;

var enabled;

if (location.href.indexOf("Widget") == -1){

stylesheet = stylesheetLock;

iconSet = iconSetLock;

iconExt = iconExtLock;

enabled = enableLockScreen;

}else{

stylesheet = stylesheetWall;

iconSet = iconSetWall;

iconExt = iconExtWall;

enabled = enableWallpaper;

}

if(enabled == true){

if(iconSet == null || iconSet == 'null' || iconSet == ""){

var iconSet = stylesheet;

}

var headID = document.getElementsByTagName("head")[0];

var styleNode = document.createElement('link');

styleNode.type = 'text/css';

styleNode.rel = 'stylesheet';

styleNode.href = 'Stylesheets/'+stylesheet+'.css';

headID.appendChild(styleNode);

var scriptNode = document.createElement('script');

scriptNode.type = 'text/javascript';

scriptNode.src = 'Sources/'+source+'.js';

headID.appendChild(scriptNode);

}

function onLoad(){

if (enabled == true){

if (demoMode == true){

document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"cloudy1"+iconExt;

document.getElementById("city").innerText="Somewhere";

document.getElementById("desc").innerText="Partly Cloudy";

document.getElementById("temp").innerText="100º";

}else{

document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+"dunno"+iconExt;

validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)

}

}else{

document.getElementsByTagName("body")[0].innerText='';

}

function convertTemp(num)

{

if (isCelsius == false)

return Math.round ((num - 32) * 5 / 9);

else

return num;

}

function setPostal(obj){

if (obj.error == false){

if(obj.cities.length > 0){

postal = escape(obj.cities[0].zip).replace(/^%u/g, "%")

document.getElementById("WeatherContainer").className = "";

weatherRefresherTemp();

}else{

document.getElementById("city").innerText="Not Found";

document.getElementById("WeatherContainer").className = "errorLocaleNotFound";

}

}else{

document.getElementById("city").innerText=obj.errorString;

document.getElementById("WeatherContainer").className = "errorLocaleValidate";

setTimeout('validateWeatherLocation(escape(locale).replace(/^%u/g, "%"), setPostal)', Math.round(1000*60*5));

}

function dealWithWeather(obj){

if (obj.error == false){

document.getElementById("city").innerText=obj.city;

document.getElementById("desc").innerText=obj.description.toLowerCase();

if(useRealFeel == true){

tempValue = convertTemp(obj.realFeel);

}else{

tempValue = convertTemp(obj.temp)

}

document.getElementById("temp").innerText="................"+tempValue+" c";

document.getElementById("weatherIcon").src="Icon Sets/"+iconSet+"/"+MiniIcons[obj.icon]+iconExt;

document.getElementById("WeatherContainer").className = "";

}else{

//Could be down to any number of things, which is unhelpful...

document.getElementById("WeatherContainer").className = "errorWeatherDataFetch";

}

function weatherRefresherTemp(){ //I'm a bastard ugly hack. Hate me.

fetchWeatherData(dealWithWeather,postal);

setTimeout(weatherRefresherTemp, 60*1000*updateInterval);

}

isay · 16 Δεκεμβρίου 2009

Δώσε το Link που χρησιμοποιείς αυτό το widget. Θέλω να δω το κώδικα printing. Μήπως το τυπώνεις εκτός html;

EDIT: Πρόσεξα το αρχικό

Εχω ενα αρχειο wallpaper.js ... αρχειο σε iphone ...

Aντί για δοκίμασε

>\\U00A0

oldnew · 16 Δεκεμβρίου 2009

Δώσε το Link που χρησιμοποιείς αυτό το widget. Θέλω να δω το κώδικα printing. Μήπως το τυπώνεις εκτός html;
EDIT: Πρόσεξα το αρχικό

Aντί για δοκίμασε
>\\U00A0

Μπα.. τιποτα. Καταρχην οτιδηποτε βαλω σε μορφη μεσα σε " " το εμφανιζει οπως ειναι μεσα στα εισαγωγικα οποτε δεν κανω τιποτα ετσι.

Οπως ειπα δεν εχω καμια εμπειρια σε javascript. Αυτο δεν με εμποδισε βεβαια να τροποποιησω παρα πολυ τον παραπανω κωδικα για να κανω αυτο που θελω. Το μονο μικρο προβληματακι ειναι αυτο που αναφερω παραπανω και δεν περιμενα με τιποτε να αποδειχτει τοσο δυσκολο μιας και εκανα απειρως δυσκολοτερα πραγματα στον παραπανω κωδικα, αφου τον μελετησα και πειραματιστηκα πανω απο 20 ωρες!!

Λοιπον δοκιμασα

=" \\U00A0;"+tempValue -----> αποτελεσμα αναμενομενο \\U00A0;10

=\U00A0 + "+tempValue -----> δε δουλευει τιποτα

=\\U00A0; "+tempValue -----> δε δουλευει τιποτα

Δεν ξερω αν βοηθαει να παραθεσω αλλα 2 αρχεια που "βλεπουν" το παραπανω αρχειο με ονομα wallpaper.js

Ειναι αλλα 2 αρχεια που παιζουν ρολο το 1 ειναι

Widget.html

><html>
<head><title>Clock Widget</title></head>

<link rel="stylesheet" href="Wallpaper.css">

<base href="Private/"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<script type="text/javascript" src="configureMe.js"/>
<script type="text/javascript" src="Wallpaper.js"/>

<script type="text/javascript">
<!--
var this_weekday_name_array = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var this_month_name_array = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")    //predefine month names
   

var this_date_timestamp = new Date()    

var this_weekday = this_date_timestamp.getDay()    
var this_date = this_date_timestamp.getDate()    
var this_month = this_date_timestamp.getMonth()    
var this_year = this_date_timestamp.getYear()    

if (this_year < 1000)
   this_year+= 1900;
if (this_year==101)
   this_year=2001;        

var this_date_string = this_weekday_name_array[this_weekday] + ", " + this_month_name_array[this_month] + " " + this_date  //concat long date string

// -->
function init ( )
{
 timeDisplay = document.createTextNode ( "" );
 document.getElementById("clock").appendChild ( timeDisplay );
}

function updateClock ( )
{
 var currentTime = new Date ( );

 var currentHours = currentTime.getHours ( );
 var currentMinutes = currentTime.getMinutes ( );
 var currentSeconds = currentTime.getSeconds ( );

 // Pad the minutes and seconds with leading zeros, if required
 currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
 currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

 // Choose either "AM" or "PM" as appropriate
 var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

 // Convert the hours component to 12-hour format if needed
 currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

 // Convert an hours component of "0" to "12"
 currentHours = ( currentHours == 0 ) ? 12 : currentHours;

 // Compose the string for display
 var currentTimeString = currentHours + ":" + currentMinutes;

 // Update the time display
 document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}

function init2 ( )
{
 timeDisplay = document.createTextNode ( "" );
 document.getElementById("ampm").appendChild ( timeDisplay );
}

function amPm ( )
{
 var currentTime = new Date ( );

 var currentHours = currentTime.getHours ( );

 // Choose either "AM" or "PM" as appropriate
 // var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

 // Convert the hours component to 12-hour format if needed
 currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

 // Convert an hours component of "0" to "12"
 currentHours = ( currentHours == 0 ) ? 12 : currentHours;

 // Compose the string for display
 var currentTimeString = timeOfDay;

 // Update the time display
 document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
}
function init3 ( )
{
 timeDisplay = document.createTextNode ( "" );
 document.getElementById("calendar").appendChild ( timeDisplay );
}

// -->
</script>

</head>


<body bgcolor="black" background="Wallpaper.png" onload="onLoad()">


<div id="WeatherContainer">
<div id="TextContainer">
<p id="city">Loading...</p>
<p id="temp">-Ί</p>
<p id="desc">-</p>
</div>
<img id="weatherIcon" src=""/>
</div>

<table style="position: absolute; top: 30px; left: -75px; width: 320px; height: 480px;" cellspacing="0" cellpadding="0" align="center">
<tr align="center" valign="top"  border="0" cellpadding="0">
   <td height="10" valign="top"
   <span id="clock">
       <script language="JavaScript">updateClock(); setInterval('updateClock()', 1000 )</script></span><span id="ampm">
       <script language="JavaScript">amPm(); setInterval('amPm()', 1000 )</script>
   </span>
   </td>
</tr>
<tr>
   <td id="date" valign="top">
       <script language="JavaScript">document.write(this_date_string)</script>
   </td>
</tr>
</table>



</body>
</html>

και το αλλο

Wallpaper.html

><?xml version="1.0" encoding="UTF-16"?>
<html><head>
   <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

   <style>
       body {
           background-color: none;
           margin: 0;
           padding: 20px 0 0 0;
           height: 480px;
           width: 320px;
       }
	
	#InfoContainer{
		position: absolute;
		font-family:Helvetica;
		font-size:14px;
		font-weight:bold;
		text-align: left;
		margin-top:90px;
		text-shadow: -1px -1px 0px #111111;
		width:100%;
		color:#DDDDDD;
	}
	
    
	.info div{
		background-image: url(imgs/dockbar.png);
		padding: 6px 0px 8px 15px;
		margin-top:1px;
	}

	
</style>
</head>
<script type="text/javascript" src="configureMe.js"/>
<script type="text/javascript" src="Wallpaper.js"/>


<body onload="onLoad()">
<div id="InfoContainer">
<div id="AccordionContainer" class="AccordionContainer">
  <div onclick="runAccordion(1,120);">

  </div>


</div>
<div class="info" id="SilentIcon" style="display:none"><div><img src="imgs/silent.png"/>  Silent Mode Active</div></div>
<div class="info" id="CalendarIcon" style="display:none"><div><img src="imgs/calendar.png"/>  Today's Events</div></div>
<div class="info" id="CallIcon" style="display:none"><div id="CallNumber"></div></div>
<div class="info" id="SMSIcon" style="display:none"><div id="SMSNumber"></div></div>
<div class="info" id="MailIcon" style="display:none"><div id="MailNumber"></div></div>
<div class="info" id="RSSIcon" style="display:none"><div><img src="imgs/rss.png"/>  RSS Updated</div></div>
<div class="info" id="IMIcon" style="display:none"><div id="IMNumber"></div></div>

</div>
</body>
</html>

Φυσιολογικα το iphone παιρνει μονο μια εικονα για φοντο πισω απο τα εικονιδια της μορφης wallpaper.jpg Αντι για αυτο, εδω παιρνει το wallpaper.html με σκοπο εκτος απο διαφορες wallpaper που βλεπει , να τυπωνει ρολοι ημερομηνια και καιρο πανω στο wallpaper. Αυτο υπαρχει και δουλευει μια χαρα . Απλα εγω το εχω εξελινισει πληρως, συμπεριλαμβανομενου και του καιρου που κανονικα παιρνει απο accuweathe.com και που φυσικα η περιγραφη σε αυτη την ιστοσελιδα ειναι στα Αγγλικα πχ "rain" eγω το εχω κανει "Βροχη" Φυσικα δεν ειναι κατι απλο οπως να πας και να αντικαταστησεις τα Αγγλικα στον κωδικα με Ελληνικα, αλλα εχω σκεφτει περιπλοκη ιδεα για αυτο βαση 44 διαφορετικων κωδικων για καθε διαφορετικη περιγραφη που "δινει" το accuweathe.com Αν και δεν το περιμενα γιατι ειναι περιπλοκο, δουλευει μια χαρα. Επειδη ομως καποιες περιγραφες στα Ελληνικα ειναι πολυ μεγαλες "μετακινησα" αλαζοντας τις τιμες στις καταλληλες μεταβλητες ολα προς τα δεξια (Δε γινοταν να μετακινησω μονο την περιγραφη του καιρου, μετακινοταν και θερμοκρασια και πολη κλπ). οποτε τωρα θελω να μετακινησω δεξια 2 πραγματα. Περιμενα βαζοντας κενο " " να γινει αλλα ελα που δεν...

Αν εχει κανεις καμια ιδεα γιατι εχω φαει οπως ειπα πανω απο 20 ωρες πειραματιζομενος για να δω τι κανει το καθε τι.

Ολοι οι κωδικες (Στα original αγγλικα) υπαρχουν εδω http://xsellize.com/showthread.php/67560-%5BRelease%5D-iPhone-Home-Screen-Redesign

αλλα μαλλον πρεπει να εισαι μελος για να το κατεβασεις.

edit Δεν ξερω γιατι πηρε μεγαλα γραμματα αυτο που φαινεται ετσι, εγω δεν το εκανα ετσι παντως..

oldnew · 16 Δεκεμβρίου 2009

Να και μια φωτο . Βαζω τις τελειες για να παω την Πολη και τη θερμοκρασια δεξια, και να κρατησω μονο την περιγραφη του καιρου τοσο αριστερα οσο τα εχω παει ολα εγω πριν. Δυστυχως δεν γινοταν να μετακινησω μονο την περιγραφη του καιρου αριστερα ωστε να χωραει ολοκληρη στην οθονη, και αναγκαστικα τα μετακινησα ολα μαζι, και τωρα θελω να ξαναπαω τα αλλα 2 δεξια εκει που ηταν, χωρις να βαζω τελεια ομως....

Σύνδεση

Ερωτηση javascript απο εντελως ασχετο με τη γλωσσα..

Προτεινόμενες αναρτήσεις

oldnew

PCharon

oldnew

isay

oldnew

isay

oldnew

oldnew

Αρχειοθετημένο

Σύνδεση