Hey,
I wanted to create an easy html panel for the X1 to search wikipedia.
The panel seems almost done, but one problem remains.
My javascript code creates a variabel 'Searchlink' where the complete url is in. So for example:
'http://en.wikipedia.org/wiki/Special:Search?search=subject'
Which of course tries to find an article named 'subject'.
The problem is how to launch my default browser showing me this url.
When is just tell to go to that url, the webpage will load in the panel itself. But since the panel is non scrollable, this sucks. So I want it to open the user's default webbrowser and show him the url created.
Any suggestions?
Code so far below:
HTML:
<SCRIPT TYPE="text/javascript">
<!--
function Makelink(LinkForm)
{
var t=""
for (i=0; i<2; i++)
{
if (document.LinkForm.Language[i].checked==true)
{
t =document.LinkForm.Language[i].value
}
}
var Srchtg = LinkForm.Search_link.value;
var Lng = t;
var Searchlink = 'http://' + Lng + '.wikipedia.org/wiki/Special:Search?search=' + Srchtg;
//Here it needs to launch defalut browser with 'Searchlink' as url...
}
// -->
</SCRIPT>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta name="MobileOptimized" content="400">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="cleartype" CONTENT="ON">
<title>Wiki Panel</title>
</head>
<body>
<div class="content">
<form name="LinkForm">
<img border="0" src="Wikilogo1.bmp" width="216" height="38">
<p>
<INPUT NAME="Search_link" SIZE=20>
<INPUT TYPE=BUTTON OnClick="Makelink(this.form);" VALUE=">">
</p>
<p>
<input type="radio" name="Language" value="nl" checked='checked' />Nederlands
<input type="radio" name="Language" value="en" />English
</p>
<p>
<img border="0" src="Wikilogo2.bmp" width="218" height="217"></p>
</form>
</div>
</body>
</html>
Tazard4 said:
Hey,
I wanted to create an easy html panel for the X1 to search wikipedia.
The panel seems almost done, but one problem remains.
My javascript code creates a variabel 'Searchlink' where the complete url is in. So for example:
'http://en.wikipedia.org/wiki/Special:Search?search=subject'
Which of course tries to find an article named 'subject'.
The problem is how to launch my default browser showing me this url.
When is just tell to go to that url, the webpage will load in the panel itself. But since the panel is non scrollable, this sucks. So I want it to open the user's default webbrowser and show him the url created.
Any suggestions?
Code so far below:
HTML:
<SCRIPT TYPE="text/javascript">
<!--
function Makelink(LinkForm)
{
var t=""
for (i=0; i<2; i++)
{
if (document.LinkForm.Language[i].checked==true)
{
t =document.LinkForm.Language[i].value
}
}
var Srchtg = LinkForm.Search_link.value;
var Lng = t;
var Searchlink = 'http://' + Lng + '.wikipedia.org/wiki/Special:Search?search=' + Srchtg;
//Here it needs to launch defalut browser with 'Searchlink' as url...
}
// -->
</SCRIPT>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta name="MobileOptimized" content="400">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="cleartype" CONTENT="ON">
<title>Wiki Panel</title>
</head>
<body>
<div class="content">
<form name="LinkForm">
<img border="0" src="Wikilogo1.bmp" width="216" height="38">
<p>
<INPUT NAME="Search_link" SIZE=20>
<INPUT TYPE=BUTTON OnClick="Makelink(this.form);" VALUE=">">
</p>
<p>
<input type="radio" name="Language" value="nl" checked='checked' />Nederlands
<input type="radio" name="Language" value="en" />English
</p>
<p>
<img border="0" src="Wikilogo2.bmp" width="218" height="217"></p>
</form>
</div>
</body>
</html>
Click to expand...
Click to collapse
i know nout about this but cant you just open the google panel files and edit them for wikipedia?
Tried to do this several times, but it didn't work.
I don't have the knowledge to code that kind of stuff.
i no nothing about it so cant help but would be interested in having it for my phone if you get it sorted
Hi;
I have been looking for some information about how to translate the G-Sensor x/y/z vectors to an actual angle.
Can anyone provide any leads please.
Thanks
Maybe this will help you solve your problem
http://scottandmichelle.net/scott/cestuff/sensortest.zip
This is the source code in c++ for the tilt sensor
typedef struct _SENSORDATA
{
SHORT TiltX; // From -1000 to 1000 (about), 0 is flat
SHORT TiltY; // From -1000 to 1000 (about), 0 is flat
SHORT Orientation; // From -1000 to 1000 (about)
// 0 = Straight up, -1000 = Flat, 1000 = Upside down
WORD Unknown1; // Always zero
DWORD AngleY; // From 0 to 359
DWORD AngleX; // From 0 to 359
DWORD Unknown2; // Bit field?
} SENSORDATA, *PSENSORDATA;
It did help
Hi Soderstrom;
Thanks for your reply.
After downlaoding this, I wrote 2 properties for class IGSensor (AngleX, AngleY) and modified HTCGSensor.GetGVector() to allow for the data to be captured using the same classes and structures and it gave me exactly what I needed.
I.
I'm glad my advice could help you !!!
Hello to all! I just want to contribute my work on WM Standard SMS Messaging client. The TMAIL.exe
There are two dedicated thread about skinning the standard messaging client:
1. [SKIN SMS][06 Feb 10 UPDATE!]Beautify your standard WM SMS Thread! [All Res][WM6.1+]
2. [1.10 update][Andynear style]DIY your own SMS chat UI
I participated in both threads but this one is different because you can try or preview your theme via your desktop browser: Chrome and Firefox (IE does not render the direct adjacent combinators correctly. CSS)
So what ever you see in Chrome and FF, is the same thing in WM device, but this is tested only on WM6.5.5 mobile and WM6.5 (emulator)
before testing your theme on your device, make sure to:
1. Install SdkCert.cab
2. Enable Threaded Messages
3. Disable HTC Messaging (if your ROM has it)
links credit to Astronout
4. Make sure to back these files before overwriting it: thread_sms.htm and iframe_style.css these are both located in \Windows directory
5. Terminate TMAIL.EXE first before deployment. You can use Dotfred's Task Manager or Quick Menu (my favorite)
Here are the previews
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Copying the files for actual testing in your device
You can use my DropToWindows application. This application makes it easier for you to copy files in \Windows directory.
Important files to be copied
mainly iframe_style.css and the Images (if there is)
If you made a theme and made some modifications in thread_sms.htm and thread_style.css make sure to tell us about it too so we know what to copy
Download my workspace now
This file: Default.htm
has debug.css in it, which contains some overrides to have borders in the elements.
Notes when creating your own theme
If you're designing for QVGA, VGA, WVGA, make sure that your images are for 240x320!! TMAIL.EXE is responsible for resizing the images for different resolutions!
some important formulas: p = pixel
(VGA, WVGA)192dpi to (QVGA, SVGA)96dpi
(p * 96dpi) / 192dpi
(QVGA, SVGA)96dpi to (VGA, WVGA)192dpi
(p * 192dpi) / 96dpi
some important notes here
File paths in your CSS
make sure the image path before deploying to your device is file://\windows\ or else you won't see any images
e.g.
background-image: url(file://\windows\image_name.gif);
background: color url(file://\windows\image_name.gif) top left repeat;
thanks for this past downloads
SMS.7z - [Click for QR Code] (116.1 KB, 71 views)
Click to expand...
Click to collapse
- post removed -
Why I made this? Because I found my self wasting my minute or two of my life terminating that TMAIL.EXE, Copying files in \Windows directory, waiting to load SMS client, and tapping on a conversation just to preview my small changes in the CSS. That's just it
-------------------------------------------------
THEMES!!!
OBSOLETE PATCH. DO NOT USE
just keeping it for the record
HTML:
<html>
<head>
<link rel="stylesheet" href="thread_style.css" type="text/css" />
<!-- link rel="stylesheet" href="debug.css" type="text/css" / -->
<link rel="stylesheet" href="iframe_style.css" type="text/css" />
<style>
.c_title {
font-weight: bold;
font-size: 20px;
padding: 5px;
background-color: #e5e5e5;
}
.c_screen {
}
</style>
</head>
<body>
<div class="c_screen" style="float: left">
<div class="c_title">Portrait View</div>
<div class="thread" style="width:240px !important;">
<div class="title">
Conversation with Jayson Ragasa
</div>
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span span="spempty"> </span><span class="spin in">10/13/2011, 08:08PM</span>
<div class="read">
this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text!
</div>
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:09PM</span>
<div class="read">
yes a very long reply
</div>
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span class="spempty"></span><span class="spin in">10/13/2011, 08:10PM</span>
<div class="unread">
an unread message!
</div>
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:11PM</span>
<div class="unread">
Message waiting to be sent
</div>
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:12PM</span>
<div class="read">
Not sent message
<div>Message was not sent. Try again?</div>
</div>
</div>
</div>
<div style="float: left; border: 2px solid black; height: 550px;"></div>
<div class="c_screen" style="float: left">
<div class="c_title">Landscape View</div>
<div class="thread" style="width:320px !important;">
<div class="title">
Conversation with Jayson Ragasa
</div>
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span span="spempty"> </span><span class="spin in">10/13/2011, 08:08PM</span>
<div class="read">
this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text!
</div>
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:09PM</span>
<div class="read">
yes a very long reply
</div>
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span class="spempty"></span><span class="spin in">10/13/2011, 08:10PM</span>
<div class="unread">
an unread message!
</div>
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:11PM</span>
<div class="unread">
Message waiting to be sent
</div>
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:12PM</span>
<div class="read">
Not sent message
<div>Message was not sent. Try again?</div>
</div>
</div>
</div>
</body>
</html>
OBSOLETE PATCH. DO NOT USE
just keeping it for the record
HTML:
<html>
<head>
<link rel="stylesheet" href="thread_style.css" type="text/css" />
<!-- link rel="stylesheet" href="debug.css" type="text/css" / -->
<link rel="stylesheet" href="iframe_style.css" type="text/css" />
<style>
.c_title {
font-weight: bold;
font-size: 20px;
padding: 5px;
background-color: #e5e5e5;
}
.c_screen {
}
.c_msgsel {
background-color: #d6ebff;
}
</style>
<script>
function ondown(t) {
t.style.backgroundColor = '#d6ebff';
}
function onout(t) {
t.style.backgroundColor = 'white';
}
</script>
</head>
<body>
<div class="c_screen" style="float: left">
<div class="c_title">Portrait View</div>
<div class="thread" style="width:240px !important;">
<div class="title">
Conversation with Jayson Ragasa
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span span="spempty"> </span><span class="spin in">10/13/2011, 08:08PM</span>
<div class="read">
this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text!
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:09PM</span>
<div class="read">
yes a very long reply
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span class="spempty"> </span><span class="spin in">10/13/2011, 08:10PM</span>
<div class="unread">
an unread message!
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:11PM</span>
<div class="unread">
Message waiting to be sent
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:12PM</span>
<div class="read">
Not sent message
<div>Message was not sent. Try again?</div>
</div>
</div>
</div>
</div>
<div style="float: left; border: 2px solid black; height: 550px;"></div>
<div class="c_screen" style="float: left">
<div class="c_title">Landscape View</div>
<div class="thread" style="width:320px !important;">
<div class="title">
Conversation with Jayson Ragasa
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span span="spempty"> </span><span class="spin in">10/13/2011, 08:08PM</span>
<div class="read">
this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text! this is a very very long text!
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:09PM</span>
<div class="read">
yes a very long reply
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_out.bmp" class="state" align="top" />Jayson Ragasa<span class="spempty"> </span><span class="spin in">10/13/2011, 08:10PM</span>
<div class="unread">
an unread message!
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:11PM</span>
<div class="unread">
Message waiting to be sent
</div>
</div>
<div onmouseover="ondown(this);" onmouseout="onout(this)">
<img src="sms_icon_in.bmp" class="state" align="top" />Me<span class="spempty"> </span><span class="spout out">10/13/2011, 08:12PM</span>
<div class="read">
Not sent message
<div>Message was not sent. Try again?</div>
</div>
</div>
</div>
</div>
</body>
</html>
Windows Phone 7 theme (DOWNLOAD v1.2!!)
Here's my Windows Phone 7 theme
download file below
files needed:
1. All the *.png images
2. iframe_style.css
3. thread_style.css
KEEP IN MIND!! - Don't forget to change the file paths in CSS
background-image: url('sms_in_bubble_top.png');
to
background-image: url('file://\Windows\sms_in_bubble_top.png');
--
remember when making a theme, always consider the selected msg. that's so important!!!
download v1.2 fixed the outgoing top position and width and removed the white border.
HTC Amaze 4G theme (help me on CSS)
this is my HTC Amaze 4G theme which I've been fixing for 2 days now
I can't get those outgoing text to right position!! I can't use float because it will break the selection.
download my workspace
if you want this fix portrait mode
download this
Great work Nullstring.. i want to try the WP7 theme..
but can you more explain about this?..
Nullstring said:
KEEP IN MIND!! - Don't forget to change the file paths in CSS
background-image: url('sms_in_bubble_top.png');
to
background-image: url('file://\Windows\sms_in_bubble_top.png');
Click to expand...
Click to collapse
Nullstring said:
--
remember when making a theme, always consider the selected msg. that's so important!!!
Click to expand...
Click to collapse
waraney said:
Great work Nullstring.. i want to try the WP7 theme..
but can you more explain about this?..
Click to expand...
Click to collapse
KEEP IN MIND!! - Don't forget to change the file paths in CSS
background-image: url('sms_in_bubble_top.png');
to
background-image: url('file://\Windows\sms_in_bubble_top.png');
Click to expand...
Click to collapse
the difference between those two are:
If you're viewing the theme via your desktop browser, it's not necessary to include the path of the .png file since the .png and .css file are located in the same directory.
and the second one, if we're deploying. We need to include this path file://\Windows\ so it knows where the .png file is located. Yes, we are copying the .css file in \Windows directory which means the .css and the .png file is in the same directory, but am not sure what's going on in TMAIL.exe why it cannot see that file. So that is like a work arond.
In my WP7 theme, there are 6 css selectors that has background-image style. So if you want to view that in your WM device, include that path "file://\Windows\" before the .png file first so you can see the images.
remember when making a theme, always consider the selected msg. that's so important!!!
Click to expand...
Click to collapse
Notice the default WM standard messaging layout/theme (the plain one)? notice you can select the message and it has a light background color (mine was light blue, am not sure how I call it). For example, I want to delete a specific message in a conversation thread, I know what will be deleted because it was selected.
notice the little blue box on the right side? that's not right, because I selected the 2nd message and look where the selection background is ..
So make sure when making a theme, the selection background is aligned properly in the selected message, so the user still know what message has to be deleted in case he want's to delete, or forward, or whatever his options.
---
sorry if you guys where confused about it
Windows Phone 7 2.0
so here's WP7 theme version 2.0. Sorry guys, I cannot get rid of the black border on ComposeSubject field. It's an object (not an object element) and am not sure what it is. If you managed to get rid of it, please share
this is using custom thread_sms.htm I just added <div class="sms_box_bottom"> </div> anyway after </Inbox:ComposeSubject>
workspace updated. download it in Post #1
does anybody know where the source of the iframe is?
- update: found it ------
here are some JS codes used in TMAIL. It may not be complete, but that's what I got ..
Code:
var SelColor = '#d5eaff';
var unSelColor = 'transparent';
var FocusId = '0';
var blurLinkId = 'invalid';
var multiSelMode = 0;
var focusedAnchorSecondaryId = -1;
function onf(id, anchorSecondaryId) {
if (anchorSecondaryId == undefined) {
anchorSecondaryId = -1;
}
focusedAnchorSecondaryId = anchorSecondaryId;
if (multiSelMode == 1) {
blurLinkId = 'invalid';
FocusId = id.id;
} else {
blurLinkId = 'invalid';
elem = document.getElementById(FocusId);
elem.style.backgroundColor = unSelColor;
FocusId = id.id;
id.style.backgroundColor = SelColor;
}
};
function onfUnread(id, idImg, idBody, anchorSecondaryId) {
onf(id, anchorSecondaryId);
if (document.getElementById(idBody.id).className == 'unread') {
document.getElementById(idBody.id).className = 'read';
document.getElementById(idImg.id).src = 'Inbox:thread_read';
}
};
var numberOfAnchors = 0;
function initAnchorsSecondaryId() {
var i = 0;
var anchors = document.getElementsByTagName('a');
for (i = 0; i < anchors.length; i++) {
anchors[i].secondaryId = i;
}
numberOfAnchors = anchors.length;
};
var curPage = 0;
var maxMsgsPerPage = 12;
function getSelectedElements() {
var selectedIds = '';
var index = curPage * maxMsgsPerPage;
if (multiSelMode == 1) {
elem = document.getElementById('Id' + index);
while (elem != null) {
if (elem.style.backgroundColor == SelColor)
selectedIds = selectedIds + 'Id' + index + ';';++index;
elem = document.getElementById('Id' + index);
}
} else {
selectedIds = FocusId;
}
return selectedIds;
}
function onClickMsg(index) {
elem = document.getElementById('a' + index);
elem.focus();
if (multiSelMode == 1) {
elem = document.getElementById('Id' + index);
onToggleSelect(elem);
}
}
function onToggleSelect(id) {
if (id.style.backgroundColor == SelColor)
id.style.backgroundColor = unSelColor;
else
id.style.backgroundColor = SelColor;
}
function selectAll() {
var index = curPage * maxMsgsPerPage;
multiSelMode = 1;
elem = document.getElementById('Id' + index);
while (elem != null) {
elem.style.backgroundColor = SelColor;
elem = document.getElementById('Id' + ++index);
}
}
function cancelSelection() {
var index = curPage * maxMsgsPerPage;
multiSelMode = 0;
elem = document.getElementById('Id' + index);
while (elem != null) {
if (FocusId != ('Id' + index))
elem.style.backgroundColor = unSelColor;
elem = document.getElementById('Id' + ++index);
}
}
function onfocusOlder() {
blurLinkId = 'Id' + ((curPage + 1) * maxMsgsPerPage);
}
function onfocusNewer() {
blurLinkId = 'Id' + (curPage * maxMsgsPerPage - 1);
}
function resetBlurLinkId() {
blurLinkId = 'invalid';
HTML:
<div id='Id%1!s!' onclick='onClickMsg(%1!s!)'> %12!s! <img src='%2!s!' class='state' align=top><a class='%3!s!' id='a%1!s!' href='Inbox:THREADIFRAME %11%4!s!' onclick='onClickMsg(%1!s!)' onfocus='onf(Id%1!s!, this.secondaryId); blurLinkId = (Id%1!s!).id'>%5!s!</a><span class='spempty'> </span><span class='sp%3!s!' id='dt%1!s!'>%6!s!</span>
<div class='%7!s!'>
%8!s!%10!s!
<div class='resend'>%9!s!</div>
</div>
</div>
<div id='Id%1!s!' onclick='onClickMsg(%1!s!)'> %12!s! <img src='%2!s!' class='state' id='ImgId%1!s!' align=top><a class='%3!s!' id='a%1!s!' href='Inbox:THREADIFRAME %11%4!s!' onclick='onClickMsg(%1!s!)' onfocus='onfUnread(Id%1!s!, ImgId%1!s!, BodyId%1!s!, this.secondaryId); blurLinkId = (Id%1!s!).id'>%5!s!</a><span class='spempty'> </span><span class='sp%3!s!' id='dt%1!s!'>%6!s!</span>
<div class='%7!s!' id='BodyId%1!s!'>
%8!s!%10!s!
<div class='resend'>%9!s!</div>
</div>
</div>
<a class='retry' href='Inbox:THREADIFRAME Resend:%1!s!' onfocus='onf(Id%1!s!)'>Message was not sent. Try again?</a>
Attachment Details:
my workspace while working with htmlnote.dll and outres.dll + the tool I just wrote that will replace all unnecessary characters and just keep these chars "`1234567890-=\~!qwertyuiop[]asdfghjkl;'zxcvbnm,./[email protected]#$%^&*()_+|QWERTYUIOP{}ASDFGHJKL:"ZXCVBNM<>?" + \r\n
Thanks a lot Nullstring, your skins a very nice, I used SMS-chat for a long time but these make me wanna try going back to standard sms program Will try your skins
Nullstring, will this allow mms notifications such as photo's or audio files? My phone is Samsung Omnia 2 i920 model with win6.5. The built-in sms/mms are linked together. When in SMS, if a MMS comes in, it shows in sms with a small icon. Most sms programs I've tried do not allow for mms to show notification. Will your's allow for mms to be notified and seen/viewed in sms? Hoping so as I really like one of your skins here, the one with the curled bubbles!
Vladimirus said:
Nullstring, will this allow mms notifications such as photo's or audio files? My phone is Samsung Omnia 2 i920 model with win6.5. The built-in sms/mms are linked together. When in SMS, if a MMS comes in, it shows in sms with a small icon. Most sms programs I've tried do not allow for mms to show notification. Will your's allow for mms to be notified and seen/viewed in sms? Hoping so as I really like one of your skins here, the one with the curled bubbles!
Click to expand...
Click to collapse
Would you like to try this out? I have not yet tried this. I don't have my MMS settings enabled (and don't want to for some bill issues)
make sure to backup the files first before testing some of the themes
Nullstring said:
Would you like to try this out? I have not yet tried this. I don't have my MMS settings enabled (and don't want to for some bill issues)
make sure to backup the files first before testing some of the themes
Click to expand...
Click to collapse
I'm confused. So, even if I'm not going to make my own theme, I still have to edit the 2 css files to read... "background-image: url('file://\Windows\sms_in_bubble_top.png');"?(without quotation marks, of course). And where do I put the image files, and the default.htm files? Just drop them all into the Windows folder with the 2 css files? I'm just curious why you didn't just set it up so editing css wasn't necessary. Do different phones use different locations?
Vladimirus said:
I'm confused. So, even if I'm not going to make my own theme, I still have to edit the 2 css files to read... "background-image: url('file://\Windows\sms_in_bubble_top.png');"?(without quotation marks, of course). And where do I put the image files, and the default.htm files? Just drop them all into the Windows folder with the 2 css files? I'm just curious why you didn't just set it up so editing css wasn't necessary. Do different phones use different locations?
Click to expand...
Click to collapse
you got a point
I just want to let users try the theme first in desktop that's why am not setting the file pat Anyway, I think that's my mistake and sorry about it
I will not do that again
Nullstring said:
you got a point
I just want to let users try the theme first in desktop that's why am not setting the file pat Anyway, I think that's my mistake and sorry about it
I will not do that again
Click to expand...
Click to collapse
But, in my phone, do I put all the files, including image files, in the windows directory/folder? Or, just the 2 css files? What actually goes into my phone from your HTC Amaze theme 2 p.7z (I'm guessing the other HTC Amaze file that also supports landscape still isn't fixed?)or Windows Phone 7 theme 2.7z file?
Vladimirus said:
But, in my phone, do I put all the files, including image files, in the windows directory/folder? Or, just the 2 css files? What actually goes into my phone from your HTC Amaze theme 2 p.7z (I'm guessing the other HTC Amaze file that also supports landscape still isn't fixed?)or Windows Phone 7 theme 2.7z file?
Click to expand...
Click to collapse
yep, landscape still not fixed. There are some downloads as you can see but there's no feedback about it yet. I really like to have more feedbacks about these Messaging theming so I know if anybody's having a problem. There was PM though, he's having a problem about his WM6.5.3 build 23412.
ANYWAY, yes copy them all except the Default.htm file
Nullstring said:
yep, landscape still not fixed. There are some downloads as you can see but there's no feedback about it yet. I really like to have more feedbacks about these Messaging theming so I know if anybody's having a problem. There was PM though, he's having a problem about his WM6.5.3 build 23412.
ANYWAY, yes copy them all except the Default.htm file
Click to expand...
Click to collapse
Okay. Copied all but "default.htm" file to Windows folder. Rebooted phone. Opened SMS and had ... no bubbles, no text indicating incoming/outgoing, time not shown. I did have black bar on top and fully white background with only white space as separator between sent/receive messages. I have undone the changes back to original.
Having tried AndyNear's version and found it working, I compared the css files. Then, I edited yours to add the "file://\windows\ " to the appropriate lines. Now, that worked but was highly limited to only showing the following: balloons; top bar with name/number. No "time" text. No "from/to" text. And, most importantly, no mms capability. I really like the bubble style, but without the other information and mms capability, it isn't something I can use.
Vladimirus said:
Okay. Copied all but "default.htm" file to Windows folder. Rebooted phone. Opened SMS and had ... no bubbles, no text indicating incoming/outgoing, time not shown. I did have black bar on top and fully white background with only white space as separator between sent/receive messages. I have undone the changes back to original.
Having tried AndyNear's version and found it working, I compared the css files. Then, I edited yours to add the "file://\windows\ " to the appropriate lines. Now, that worked but was highly limited to only showing the following: balloons; top bar with name/number. No "time" text. No "from/to" text. And, most importantly, no mms capability. I really like the bubble style, but without the other information and mms capability, it isn't something I can use.
Click to expand...
Click to collapse
thanks! I have to ask, what WM version and build are you using?
So I am trying to make an AutoTools webscreen. and am just running into the limitations of my knowledge. I can see all the pieces, I just can't make 'em fit together. I want to make a simple webscreen, that show one image. When tasker changes a variable, I want the the AutoTools webscreen to grab a different image, based on the variable change. That is to say, %image = i, img src = "files/image1" %img = 2 img src ="files/image2"....
Any help or advice you all could offer would be much appriciated.
nijohnson said:
So I am trying to make an AutoTools webscreen. and am just running into the limitations of my knowledge. I can see all the pieces, I just can't make 'em fit together. I want to make a simple webscreen, that show one image. When tasker changes a variable, I want the the AutoTools webscreen to grab a different image, based on the variable change. That is to say, %image = i, img src = "files/image1" %img = 2 img src ="files/image2"....
Any help or advice you all could offer would be much appriciated.
Click to expand...
Click to collapse
I think this page, getting started with autotools web screen variables might help.
Does the variable happen to change at a time when the Web Screen is open? Or can the variable change happen outside the Web Screen? What determines how and when the variable changes?
Thanks! I've seen that.
The variable will change outside the webscreen. The web screen image displayed is the end result of another tasker procsss
nijohnson said:
Thanks! I've seen that.
The variable will change outside the webscreen. The web screen image displayed is the end result of another tasker procsss
Click to expand...
Click to collapse
Ok so then this will be easy, because you can just use Javascript to determine what the variable is and react accordingly:
add a <meta> tag into the head section of your Web Screen HTML using this as a guide. Make sure it is for a Javascript variable (type="variablejs") and not an HTML variable. Call it "image"
create a <script> tag and enter the following Javscript code:
HTML:
<script type="text/javascript">
var imageSource = null;
switch (image) {
case 'one image':
imageSource = "files/image1";
break;
case 'second image':
imageSource = "files/image2";
break;
case 'other image':
imageSource = "files/image3";
break;
};
<img src=imageSource>
</script>
Hope that helps! Out of curiosity, what is your Web Screen for?
Thanks! I'll try it tomorrow. I'm working on a Heads Up Display (HUD) profile. I'll share if I get it going.
Well, I am just convinced that suck at web stuff and java.
The script above should work. But I can't figure out how to put it into an html file/package to make it work. Here's what is just not working. I am sure this is just because I am making rookie mistakes.
Code:
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height,initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="autotoolswebscreen" type="variablejs" id="image" label="Image" description="Image to display " defaultValue="1, 2, 3" />
</head>
<body>
<script type="text/javascript">
var imageSource = null;
switch (image) {
case 1:
imageSource = "files/flipped1.jpg";
break;
case 2:
imageSource = "files/iflipped2.jpg";
break;
case 3:
imageSource = "files/flipped3.jpg";
break;
};
<img src=imageSource>
</script>
</body>
</html>
I'd like to put in something that checks to see if Tasker has set the variable, and an update function too. I know they are availible in autotools but I'll be damned if I can figure it out.
nijohnson said:
Well, I am just convinced that suck at web stuff and java.
The script above should work. But I can't figure out how to put it into an html file/package to make it work. Here's what is just not working. I am sure this is just because I am making rookie mistakes.
Code:
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height,initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="autotoolswebscreen" type="variablejs" id="image" label="Image" description="Image to display " defaultValue="1, 2, 3" />
</head>
<body>
<script type="text/javascript">
var imageSource = null;
switch (image) {
case 1:
imageSource = "files/flipped1.jpg";
break;
case 2:
imageSource = "files/iflipped2.jpg";
break;
case 3:
imageSource = "files/flipped3.jpg";
break;
};
<img src=imageSource>
</script>
</body>
</html>
Click to expand...
Click to collapse
Ok so first your "imageSource" variable does not have the correct syntax. It should be something like this:
Code:
////storage//emulated/0/[FOLDER]//[SUB-FOLDER]//flipped1.jpg"
Change the "[FOLDER]//[SUB-FOLDER]" part to match where ever the images are kept within the device.
Also for the case 2, check the spelling:
Code:
imageSource = "files/iflipped2.jpg";[\code] should be: [code]imageSource = "files/flipped2.jpg";
there is an extra "i".
nijohnson said:
I'd like to put in something that checks to see if Tasker has set the variable,
Click to expand...
Click to collapse
For what purpose? To set a default number in case Tasker hasn't set that value? If that is the case, there are 2 ways to go about this and both can be done simultaneously to make certain the variable is set.
Change your meta variable to match this:
Code:
<meta name="autotoolswebscreen" type="variablejs" id="image" label="Image" description="Image to display " hint="1, 2, 3" defaultValue="1" />
the "hint" attribute is just as it sounds; same goes for the "defaultValue" attribute. By using a default value of "1", it will be pre-filled in the option when configuring in Tasker.
Adding the "AutoTools.setDefault" function within your HTML, like so:
Code:
<script type="text/javascript">
AutoTools.setDefault("image", "1");
</script>
This will also do as it sounds. Place this code just below the <body> tag.
How are you displaying your images? If the above code you showed me is all of it, you are missing the HTML elements responsible for showing the image within the scene!
nijohnson said:
and an update function too. I know they are availible in autotools but I'll be damned if I can figure it out.
Click to expand...
Click to collapse
here is the github that explains all of the functions and give examples. https://github.com/joaomgcd/AutoToolsWebScreens
If you still need help, reply back. Good luck!
Thanks so much!
nijohnson said:
Thanks so much!
Click to expand...
Click to collapse
No problem! Glad I could help out. If you want to see some more AutoTools Web Screen examples and explanations check out my website post with instructions and demo videos!
http://www.rorycodes.com/material-design-autotools-web-screen/