ELATED: All Forums http://www.elated.com/ ELATED.com Webmaster Forums: Free Help with HTML, CSS, JavaScript, PHP and Photoshop from ELATED.com en-us Sun, 26 Mar 2017 05:20:15 GMT Sun, 26 Mar 2017 05:20:15 GMT http://blogs.law.harvard.edu/tech/rss ELATED.com feeder Re: [Your Site: Judge and Jury!] Help me design my site. :) http://www.elated.com/forums/topic/3437/#post26470 From: chrishirst


This thread is SIXTEEN YEARS OLD


AND the posted URL does NOT EXIST ANY MORE;


So not only are you a link drop spammer you are a LIAR as well because you COULD NOT HAVE POSSIBLY "reviewed" a non-existent web 'site'.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Thu, 23 Mar 2017 19:03:53 GMT http://www.elated.com/forums/topic/3437#post26470
Re: [Your Site: Judge and Jury!] Help me design my site. :) http://www.elated.com/forums/topic/3437/#post26469 From: saintdavid


Hi,
on this conversations, we can elaborate that what should be in your website which thing make your website more effective and attractive.
1. Content should be unique when you creating.
2. It should be effective and informative.

3. Anchor texting should be there.

etc. more information for website creation. Visit our website.
http://www.gomyitguy.com/

--
Web Design Houston

View » | Reply »

]]>
Thu, 23 Mar 2017 08:20:24 GMT http://www.elated.com/forums/topic/3437#post26469
Re: [Website Marketing] SEO does it really work? http://www.elated.com/forums/topic/6226/#post26467 From: seojackiee


Yes, SEO is one which make your site visible in the search engine. It works well when you implemment SEO white hat technique to rank keywords in the search engine. To rank keywords, build organic backlinks to your website.

View » | Reply »

]]>
Tue, 21 Mar 2017 09:18:54 GMT http://www.elated.com/forums/topic/6226#post26467
Re: [Authoring and Programming] Mobie App vs Mobile Browser Site http://www.elated.com/forums/topic/6238/#post26466 From: stewartcristan


When it comes to deciding whether to build a mobile app or a mobile website, the most appropriate choice really depends on your goals. If you are developing an interactive game an app is probably the way to go.But if your goal is to offer mobile-friendly content to audience then a mobile website is probably going to be your best option.

[Edited by stewartcristan on 21-Mar-17 00:44]

View » | Reply »

]]>
Tue, 21 Mar 2017 05:43:48 GMT http://www.elated.com/forums/topic/6238#post26466
Re: [Graphics and Design] What are 4 Important Steps to Choose a Web Design Company ? http://www.elated.com/forums/topic/6273/#post26465 From: Solarwind


I agree with everything guys have written here. I was in the same boat, but I didn't succeed in my search as I understood that the services I liked cost more that I could afford. So, I decided to create a website by myself. As I'm a newbie, I chose one of the ready-made Joomla templates (https://www.templatemonster.com/joomla-templates.php). It turned out to be easy enough to do it and now I have a beautifully designed site. So, I saved my money and achieved my goal. Even more, website building is my hobby now. But if you have enough monet and don't want to do it by yourself, I hope you will find a good web design company.

View » | Reply »

]]>
Mon, 20 Mar 2017 19:36:11 GMT http://www.elated.com/forums/topic/6273#post26465
Re: [Graphics and Design] What are 4 Important Steps to Choose a Web Design Company ? http://www.elated.com/forums/topic/6273/#post26462 From: Jessi


1.KNOW WHAT YOU WANT AND DO NOT SETTLE FOR LESS
2.KNOW YOUR VALUE AND HOW MUCH YOU ARE WILLING TO PAY
3.FIND OUT IF THEY HAVE A SOLID RECORD OF ACCOMPLISHMENT
4. Know what a web design agency has to say about content before hiring them
5. WHAT IS THE STRATEGY?



Code:
--------------------
<a href="http://www.edsfze.com/search-engine-optimization-company-dubai.html">SEO Company</a>
--------------------


[Edited by Jessi on 20-Mar-17 07:25]

--
http://www.edsfze.com

View » | Reply »

]]>
Mon, 20 Mar 2017 12:24:13 GMT http://www.elated.com/forums/topic/6273#post26462
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26461 From: chrishirst


A background what?

Image?

or

Colour?

Also "screen" may not apply to the display of a web page, as the user may not be using their browser at 'full screen', on "mobile" devices generally browsers do run at full screen width but desktop machines probably not.

So you have to consider the viewport width rather than the 'screen width'

http://www.quirksmode.org/mobile/viewports.html

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sun, 19 Mar 2017 18:21:23 GMT http://www.elated.com/forums/topic/6286#post26461
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26460 From: MikeFich62


I don't know how to explain it, but I don't know an effective way to cut off a background so that it doesn't go the whole way across the screen. I don't know if it's a good way to explain. I'll check those links to see if there's a solution!

Thanks

View » | Reply »

]]>
Sun, 19 Mar 2017 13:18:06 GMT http://www.elated.com/forums/topic/6286#post26460
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26459 From: chrishirst


Sure, it's the kind of thing I do by answering questions at a couple of websites (my own included), though knowing what you are stuck on would make it easier.

However, here are two things everybody needs to know when starting out so I wrote an 'article' on.

Positioning, http://webmaster-talk.eu/articles/8-website-development-and-design/13-css-positioning

and

Document/Element 'flow', http://webmaster-talk.eu/cat-quick-tips/14-qt-webdev-and-site-management/16-qt-document-flow

The two are closely related and their effects and their use are what many developers, both old and new do not quite understand so do use inappropriately.
Positioning is also something that the majority of popular "visual" (drag 'n' drop) editors do quite badly.

And to be fair, I know much more about the 'mechanics' of CSS that I do about the aesthetics, so I leave 'design' to others while I stick to development issues, the two are often confused and conflated into the one thing as being 'design', so I differentiate, by using "design" as being the 'look and feel' of the pages with "development" being the underlying structure of elements and styling.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sun, 19 Mar 2017 13:04:35 GMT http://www.elated.com/forums/topic/6286#post26459
Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post26458 From: chrishirst


Cool, I'm actually working on a comments system for myself, don't hold your breath until it's ready though

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 18 Mar 2017 21:56:57 GMT http://www.elated.com/forums/topic/5114#post26458
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26457 From: MikeFich62


Alright, thanks!
I don't know if it would be asking too much, but could you teach me a little CSS? I know some basics but I would like to learn more!

Thanks!

[Edited by MikeFich62 on 18-Mar-17 16:53]

View » | Reply »

]]>
Sat, 18 Mar 2017 21:53:17 GMT http://www.elated.com/forums/topic/6286#post26457
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26456 From: chrishirst


Okay, javascript is not particularly a requirement for 'professional' websites but something you do need are design skills.

Making "moving, flashing, things" with javascript is not really professional. UNLESS it is a website for the local Bordello of course.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 18 Mar 2017 21:44:22 GMT http://www.elated.com/forums/topic/6286#post26456
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26455 From: MikeFich62


I really just need to get better with CSS and javascript. Youtube videos just can't answer questions instantly, and I want my pages to look more proffesional. Thanks!

View » | Reply »

]]>
Sat, 18 Mar 2017 20:55:38 GMT http://www.elated.com/forums/topic/6286#post26455
Re: [Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26453 From: chrishirst


" Can anyone help me out? "

With what??


"but I don't think it's enough to design a nice good looking Web page"

It might be, ... and then again it might not be. ... It really depends on what your goal actually is.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 18 Mar 2017 20:34:16 GMT http://www.elated.com/forums/topic/6286#post26453
[Authoring and Programming] I need some help! http://www.elated.com/forums/topic/6286/#post26452 From: MikeFich62


I recently got into programming after I saw my friend's father make an app, so I decided to start with Javascript. I watch some tutorials on youtube about JS, HTML and CSS, but I don't think it's enough to design a nice good looking Web page. Can anyone help me out? I've already made a very simple page but I have not hosted it yet.

View » | Reply »

]]>
Sat, 18 Mar 2017 20:12:53 GMT http://www.elated.com/forums/topic/6286#post26452
Re: [Authoring and Programming] Mobie App vs Mobile Browser Site http://www.elated.com/forums/topic/6238/#post26451 From: saintdavid


Hi,
As per discussion with lot of people on this topic, I have reached at point is that Mobile app is more easier to mobile browser site. Through mobile app any client or visiter can buy or download product or their features.

Link dropping removed

[Edited by chrishirst on 17-Mar-17 09:54]

--
Web Design Houston

View » | Reply »

]]>
Fri, 17 Mar 2017 06:58:32 GMT http://www.elated.com/forums/topic/6238#post26451
Re: [Graphics and Design] Canva? http://www.elated.com/forums/topic/6230/#post26450 From: Geekssquad07


canva is easy to use for nontechnical too. I always prefer canva for editings

--
AOL Tech SUpport Services http://aol-forgot-password.org/

View » | Reply »

]]>
Thu, 16 Mar 2017 17:35:22 GMT http://www.elated.com/forums/topic/6230#post26450
Re: [Graphics and Design] html+css+js http://www.elated.com/forums/topic/6231/#post26449 From: Sarahconnor


Thanks for sharing.

View » | Reply »

]]>
Thu, 16 Mar 2017 08:56:59 GMT http://www.elated.com/forums/topic/6231#post26449
Re: [Authoring and Programming] HTML Table FilterJavaScript http://www.elated.com/forums/topic/6285/#post26448 From: chrishirst


javascript will only change CSS properties that have already been set by javascript, so you will need to first set the property you want to change on ALL the table cells using javascript when the document first loads.


Plus:

Toggling the display property on a table cell WILL 'break' the table structure because "display: none;" effectively removes the element from the row. To 'hide' the cell content use the 'visibility' property instead.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Wed, 15 Mar 2017 18:43:19 GMT http://www.elated.com/forums/topic/6285#post26448
Re: [Authoring and Programming] Build a CMS in an Afternoon with PHP and MySQL http://www.elated.com/forums/topic/5114/#post26447 From: Gascogne


Great tutorial.

Would very much like to see a follow-up tutorial for:
"A user comments system".

The same way you did with the tutorial:
"An image upload facility (I've written a follow-up tutorial on adding an image upload feature to the CMS)".

View » | Reply »

]]>
Wed, 15 Mar 2017 18:40:11 GMT http://www.elated.com/forums/topic/5114#post26447
Re: [Website Management] Web Hosting http://www.elated.com/forums/topic/6089/#post26446 From: chrishirst


"Hostgator is best"


How do you know????

Have you tried EVERY OTHER hosting provider that exists?????

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Wed, 15 Mar 2017 16:21:36 GMT http://www.elated.com/forums/topic/6089#post26446
Re: [Website Management] Web Hosting http://www.elated.com/forums/topic/6089/#post26445 From: willsmith07


Hostgator is best

--
AOL Tech Support Services http://change-aol-password.org

View » | Reply »

]]>
Wed, 15 Mar 2017 15:28:09 GMT http://www.elated.com/forums/topic/6089#post26445
[Authoring and Programming] HTML Table FilterJavaScript http://www.elated.com/forums/topic/6285/#post26444 From: Hopeless


Firstly I'm extremely new to Javascript and HTML so please bear with me.

I'm trying to create a filter on a pre-populated HTML table. The table is generated from a CSV file, using Powershell.

I found a piece of JS code in w3 schools which seems to do what I want, but it doesn't seem to run. My HTML code is as follows:


Code:
--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Table</title>
<script type="text/javascript">
function myFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementsByTagName("Table");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script><style>

Body {

background-color:#FFFFFF;
color:#000000;
font-family:Arial Narrow,sans-serif;
font-size:17px;

}


table {

border-collapse: collapse;
width: 100%;
border: 1px solid #ddd;
font-size: 18px;


}

Table th, Table td {
text-align: left;
padding: 12px;
}

td {

border-width: 1px;
padding: 8px
border-style: solid
border-color: black;
background-color:#FFFFFF


}

tr {

border-bottom: 1px solid #ddd;
}

Table tr.header, Table tr:hover {

background-color: #f1f1f1;
}


</style>
</head><body>
<h1>History</h1><input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">
<table>
<colgroup><col/><col/><col/><col/><col/><col/></colgroup>
<tr><th>Date</th><th>Time</th><th>Machine</th><th>Username</th><th>Session</th><th>Logon Server</th></tr>
<tr><td>00/00/2017</td><td>53:56.4</td><td>Machine Name</td><td>Username</td><td>Session Name</td><td>\\Logon Server </td></tr>
</table>
</body>
</html>
--------------------


The table etc displays as I want, but the filter just doesn't seem to run.

Any help is greatly appreciated.

Thanks,

A Hopeless Scripter.

View » | Reply »

]]>
Wed, 15 Mar 2017 10:26:49 GMT http://www.elated.com/forums/topic/6285#post26444
Re: [Authoring and Programming] Javascript homework help http://www.elated.com/forums/topic/6283/#post26442 From: ruebumble


Here's the CSS


Code:
--------------------


.canvasBox{
width: 800px;
height: 500px;
margin: auto;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #888;
}
--------------------


Here's the HTML



Code:
--------------------
<!DOCTYPE HTML>

<html>



<head>

<title>Webpage Title</title>

<link rel="stylesheet" type="text/css" href="styles/styles.css" />

</head>



<body>

<div class="canvasBox">

<canvas id="myCanvas" width="800" height="500">
This text is displayed by browsers that do not support the HTML5 canvas.
</canvas>

</div>

<script src="scripts/scripts.js"></script>

</body>



</html>

--------------------


View » | Reply »

]]>
Mon, 13 Mar 2017 01:05:38 GMT http://www.elated.com/forums/topic/6283#post26442
Re: [Authoring and Programming] Javascript homework help http://www.elated.com/forums/topic/6283/#post26441 From: chrishirst


No idea, ... ....


... Does your HTML code have a 'canvas' element with an ID of myCanvas?????

Does it exist before the javascript is called???


Plus several other questions that you have not provided code or context for.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sun, 12 Mar 2017 19:20:47 GMT http://www.elated.com/forums/topic/6283#post26441
[Authoring and Programming] Javascript homework help http://www.elated.com/forums/topic/6283/#post26440 From: ruebumble


I'm at the point of pulling my hair out over this assignment, any help is appreciated.

"This code is broken. Currently, when you load the website in a web browser, it appears to do nothing. It’s JavaScript file is crippled by a single ‘bug’ or programming error. You must de-bug the script by finding and fixing that error. If you do, when you load the webpage in a browser, you will see something cool (ie. visually interesting) as your reward.

The JavaScript is actually fundamentally okay. In fact, nothing that is currently in the JavaScript needs to be removed or even modified to make it work. You need only add some new JavaScript to fix everything."
Here's the script below



Code:
--------------------
// ** initializations

// reference the canvas element
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

// initialize variables
var blobArray = [];



// ** functions

function Init() {

for (x = 0; x<100; x++) {

var blob = {
x: canvas.width/2,
y: canvas.height/2,
size: Math.random() * 50,
xSpeed: Math.random() * 10 - Math.random() * 10,
ySpeed: Math.random() * 10 - Math.random() * 10,
color: '#' + Math.floor(Math.random()*16777215).toString(16)
}

blobArray.push(blob);
}

}


function MainLoop() {

// update the canvas
DrawCanvas();

// repeat this function every 10 microseconds
window.setTimeout(MainLoop, 10);

}


function DrawCanvas() {

context.fillStyle = "black";
context.fillRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < blobArray.length; i++) {

blob = blobArray[i];
context.fillStyle = blob.color;
context.fillRect(blob.x, blob.y, blob.size, blob.size);

blob.x = blob.x + blob.xSpeed;
blob.y = blob.y + blob.ySpeed;

if (blob.x > canvas.width || blob.x < 0 || blob.y > canvas.height || blob.y < 0) {
blob.x = canvas.width/2;
blob.y = canvas.height/2;
blob.xSpeed = Math.random() * 10 - Math.random() * 10;
blob.ySpeed = Math.random() * 10 - Math.random() * 10;
}

}

}



// ** start

Init();

--------------------


View » | Reply »

]]>
Sun, 12 Mar 2017 01:00:01 GMT http://www.elated.com/forums/topic/6283#post26440
Re: [Authoring and Programming] Javascript help http://www.elated.com/forums/topic/6282/#post26439 From: chrishirst


"and i only try 2 times which i want no max tries"

This;

if (parameterNumTries <= 2) {

says, in English;

If number of tries is equal to or less than a value of two ... ...



And;

"its not showing the result that in entered"

you do not 'print' out the value of the variable 'guess' anywhere in the code.

All the variable 'msg' has is 'guesses'.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 11 Mar 2017 10:59:01 GMT http://www.elated.com/forums/topic/6282#post26439
Re: [Authoring and Programming] Javascript help http://www.elated.com/forums/topic/6282/#post26438 From: sp1


its not showing the result that in entered and i only try 2 times which i want no max tries

View » | Reply »

]]>
Fri, 10 Mar 2017 18:43:51 GMT http://www.elated.com/forums/topic/6282#post26438
Re: [Authoring and Programming] Javascript help http://www.elated.com/forums/topic/6282/#post26437 From: chrishirst


Define "not working completely."

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Fri, 10 Mar 2017 17:26:01 GMT http://www.elated.com/forums/topic/6282#post26437
[Authoring and Programming] Javascript help http://www.elated.com/forums/topic/6282/#post26436 From: sp1


I am trying to create a guessing game but it not working completely.



Code:
--------------------
// Setup a random number between 1 and 100
var minValue = 1;
var maxValue = 100;
var argumentNumToGuess = Math.floor((Math.random() * maxValue) + 1);


// This function is the main game loop.
function playgame (parameterNumToGuess) {
"use strict";
var numToGuess = parameterNumToGuess;
var guessed = false;
var message = "Guess a number between 1 and 100.";

var guesses = [];
var guess = parseInt(prompt(message));
guesses.push(guess);

do {
numToGuess
if (guess === numToGuess) {

message = successMessage(guesses.length);

message = "You guessed the number in " + guesses.length + " tries. It was " + numToGuess + "!";
alert(message);
guessed = true;
} else if (guess < numToGuess) {
message = "You have guessed " + guesses + ". ";
message += "Your guess is too low. Try again!";
guess = parseInt(prompt(message));
guesses.push(guess);
} else {
message = "You have guessed " + guesses + ". ";
message += "Your guess is too high. Try again!";
guess = parseInt(prompt(message));
guesses.push(guess);
}
// Exit the game immediately if an out of range value is entered.
if ((guess < minValue) || (guess > maxValue)) {

guessed = true;
message = "Game aborted! The number was " + numToGuess + ".";
alert(message);
break;
}
} while (guessed);
}

playgame (argumentNumToGuess);


function successMessage (parameterNumTries) {
"use strict";
var msg;
if (parameterNumTries <= 2) {
msg = "Unbelievable! Are you psychic?\n";
} else if (parameterNumTries <= 6) {
msg = "Congratulations! Great job!\n";
} else if (parameterNumTries <= 9) {
msg = "Good try?!?\n";
} else {
msg = "Ouch! Did you increment each guess by 1?!?\n";
}
return msg;

}


--------------------


[Edited by sp1 on 09-Mar-17 11:46]

View » | Reply »

]]>
Thu, 09 Mar 2017 17:44:02 GMT http://www.elated.com/forums/topic/6282#post26436
Re: [Graphics and Design] What are 4 Important Steps to Choose a Web Design Company ? http://www.elated.com/forums/topic/6273/#post26435 From: saintdavid


1. Find web design agencies.

2. Look at web design agencies websites.

3. Reviews about each web design agency.

4. Contact directly to each website design company.

https://www.gomyitguy.com/

[Edited by saintdavid on 09-Mar-17 02:57]

--
Web Design Houston

View » | Reply »

]]>
Thu, 09 Mar 2017 08:54:34 GMT http://www.elated.com/forums/topic/6273#post26435
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26434 From: chrishirst


Okay, sounds like you might be using ASP.NET then, this being the default framework for IIS

So http://www.tek-tips.com/threadminder.cfm?pid=855

And there are several languages supprted by the framework, VB.NET and C# (Csharp) being two of them.

http://www.tek-tips.com/threadminder.cfm?pid=796
http://www.tek-tips.com/threadminder.cfm?pid=732

You may need an account to access those links.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Mon, 06 Mar 2017 22:49:04 GMT http://www.elated.com/forums/topic/6281#post26434
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26433 From: daeidon


Thank you for the very thorough explanation of how to approach this. You are the first person to suggest anything helpful.

I'm using IIS on the server and I already have PHP/MySQL running for Mediawiki. Anything that can be run on IIS I'm open to trying. I've never used PHP and in the past I've only attempted javascript, if at all, for anything.

So you basically answered my original question of, "how do I make this happen?" Now I just need to figure out the coding and comeback to you guys if it works... or doesn't work.

View » | Reply »

]]>
Mon, 06 Mar 2017 18:42:46 GMT http://www.elated.com/forums/topic/6281#post26433
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26432 From: chrishirst


"If so, what coding can I use to alter the content on the webpage without having to manually alter the code in an editor?"

Assuming the time is coming from a server being accessed via HTTP you would use the standard method of POSTing 'form' values to a URL that updates the parameters the server system uses to generate the data.

You seem to be stuck with the idea that this has to be done via a browser context, which is only true when a system has to be 'publicly accessible', on many disparate system, whereas I would surmise this is a closed system that is only available to 'in-house' operators.

You cannot ask "what language should this be developed in" until you have defined ALL the operating parameters.

Personally I would avoid the browser idea simply because of this;

"It should update automatically (no need to refresh the page)"

This is not something that browsers do very well, simply because they are designed to operate via HTTP, which is what is known as a "disconnected protocol". Meaning that it operates without the client having to be connected to a server continuously. The way it works is that the client makes a GET request to the server, then waits until the correct number of bytes have been delivered (or a timeout occurs) then 'drops' the connection so no matter what happens on the server no more communication will occur until a new request is made such as being 'refreshed'. When you try to make javascript continually refresh (server polling) 'bad things happen', and within a few iterations the browser (and probably the computer) WILL become unresponsive in a rather short space of time.

Now in HTML5 there is a feature called "Server-Sent Events" also known as 'Push Notifications' (https://www.w3schools.com/html/html5_serversentevents.asp) which are probably of no use at all, because as per usual Microsoft are WAY behind the evolutionary process of the Internet and Infernet Exploder does NOT really support this currently.


Depending of what operating systems this application has to run on would define what language(s) you could actually use to poll the server and display the data. Plus given the reason for this you may have to meet certain legal requirements, and or regulatory body requirements for the operation.

Personally I would be looking at using a Python client (https://www.python.org/) and a PHP/MySQL server application. (http://php.net/ https://www.mysql.com/), but if your environment is M$ Windows you may have to use a DOT NET Framework client (https://www.microsoft.com/net).

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sun, 05 Mar 2017 18:58:03 GMT http://www.elated.com/forums/topic/6281#post26432
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26431 From: daeidon


Okay if Javascript isn't the way, what code should I use to make this happen?

Would this code work for pulling newly altered content?


Code:
--------------------
setInterval(function(){
$('#my_div').load('/path/to/server/source');
}, 2000) /* time in milliseconds (ie 2 seconds)*/
--------------------


If so, what coding can I use to alter the content on the webpage without having to manually alter the code in an editor?

View » | Reply »

]]>
Sun, 05 Mar 2017 00:35:58 GMT http://www.elated.com/forums/topic/6281#post26431
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26430 From: chrishirst


"If you're asking what code am I attempting to use to do this I don't even have one because I don't know how to code it."

The problem there is; javascript is all client side and what one user does will not be reflected in what other users see. So you need some server code. Plus as this seems to be a "mission critical" operation, javascript is far from ideal to handle it.
javascript runs in a browser context and because js is single threaded it does NOT continually refresh a URL as it tends to run out of resources rather quickly and crash the browser.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 04 Mar 2017 22:48:45 GMT http://www.elated.com/forums/topic/6281#post26430
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26429 From: daeidon


You've given me plenty of advice. So far I have a clock that will updated automatically with AJAX/NTP.

If it makes it any easier I will try and show you the logic behind what I'm attempting to do.

read (time module)
if ((time module) > (current time+1hour)) -> show altered time
else
show (current time)+ 1 hour

if (button A) is press -> alter (time module) to AA:AA
if (button B) is press -> alter (time module) to BB:BB


If you're asking what code am I attempting to use to do this I don't even have one because I don't know how to code it. My knowledge of Javascript sucks and I'm trying to learn it to make this work.

View » | Reply »

]]>
Sat, 04 Mar 2017 20:53:32 GMT http://www.elated.com/forums/topic/6281#post26429
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26428 From: chrishirst


That article IS for a client side clock, written in javascript, and like any programming language, you periodically check the output data (called polling) and your code takes appropriate actions based on the values.

For example (pseudo-code)

Code:
--------------------
read(x)
if (x==some value) then
do this
else
do something else
end
--------------------


So if you need to synchronise all the network client clocks, set up a NTP (Network Time Protocol) synch on your server and have the read() function be an AJAX call to the server and read the time from a local URL.

However; to offer any advice we first need to know what code the server runs.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 04 Mar 2017 19:28:25 GMT http://www.elated.com/forums/topic/6281#post26428
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26427 From: daeidon


I can create a clock, that is not the issue.

For the sake of argument let's say I used the coding that you posted. How do I then change what that clock shows on the client side and prevent it from continuing to count until it reaches current time +1 hour?

View » | Reply »

]]>
Sat, 04 Mar 2017 16:07:28 GMT http://www.elated.com/forums/topic/6281#post26427
Re: [Authoring and Programming] CSS - Help with my website footer http://www.elated.com/forums/topic/6280/#post26426 From: chrishirst


Again, that uses absolute positioning INCORRECTLY.

Using the 'position' property for alignment of elements is a lazy way of solving a non-issue and applying position: relative to the body element is a 'hack' to get around a problem that should not exist in a properly thought out CSS layout.

Do NOT get into the very bad habit of 'fixing' things with 'hacks' or short cuts. Because it WILL come back to haunt you at some future time.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 04 Mar 2017 13:52:52 GMT http://www.elated.com/forums/topic/6280#post26426
Re: [Authoring and Programming] CSS - Help with my website footer http://www.elated.com/forums/topic/6280/#post26425 From: ojoaolima


Thank you chrishirst, but someone solved me in a easy way (I guess), like this:


Hi,

If you give the “body” element a relative position, it can then catch any absolute positioned child elements. Try these changes in your css inspector:

body {
background: #f2f2f2;
color: #000000;
font-family: 'CircularStd-Book', helvetica, sans-serif;
font-size: 14px;
line-height: 1.3;
letter-spacing: 0.3px;
width: 100%;
font-weight: normal;

position: relative;
}

#search_form {
position: absolute;
left: 48px;
bottom: -54px;
z-index: 99999;
}

#site_footer_email_phone {
clear: both;

position: absolute;

bottom: -80px;
left: 298px;
text-align: left;
color: #969696;
font-family: 'CircularStd-Book', helvetica neue, helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
letter-spacing: 0.3px;
z-index: 1;
}
And of course, you can change the “bottom” and “left” positions to your liking.

--
Joao Lima

View » | Reply »

]]>
Sat, 04 Mar 2017 12:36:27 GMT http://www.elated.com/forums/topic/6280#post26425
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26424 From: chrishirst


Have you read this ... http://www.elated.com/articles/creating-a-javascript-clock/ ... ?

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 04 Mar 2017 01:53:53 GMT http://www.elated.com/forums/topic/6281#post26424
Re: [Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26423 From: chrishirst


"I've tried to mash a few scripts together but they don't work together for one reason or another. "

Using what code

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 04 Mar 2017 01:48:37 GMT http://www.elated.com/forums/topic/6281#post26423
Re: [Authoring and Programming] CSS - Help with my website footer http://www.elated.com/forums/topic/6280/#post26422 From: chrishirst


Just thrown this code live on my dev server


demos.chrishirst.co.uk/html5-footer-example.html

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Sat, 04 Mar 2017 01:46:24 GMT http://www.elated.com/forums/topic/6280#post26422
[Authoring and Programming] clock manipulation in realtime http://www.elated.com/forums/topic/6281/#post26421 From: daeidon


I work for an ambulance company and I would like to create a clock that I can manipulate to show the next available time we would be able to do a non-emergency pickup. The server and the client are all in the same location so we don't have to deal with time zones. Here is a list/idea of how I want it to work.

The time should always show as current time+1 hour (if we're able to round up to the nearest 15 minute integer that would be a bonus XX:15, XX:30, XX:45, XX:00)
It should update automatically (no need to refresh the page)
When the time is manipulated it should say that time until the current real life time reaches current time +1 hour (ex. It's now 1200, the time was manipulated to 1330. The clock will show 1330 until the time is 1231 at which time the clock will show as 1331.)

As far as how to manipulate the time, buttons that say +15 minutes, +30 minutes, +1 hour or a drop down menu of times with submit on the same page would work fine.

I've tried to track down something like this but I can't find anything. I've tried to mash a few scripts together but they don't work together for one reason or another.

Any help at all in trying to get this to work would be appreciated.

View » | Reply »

]]>
Sat, 04 Mar 2017 01:34:18 GMT http://www.elated.com/forums/topic/6281#post26421
Re: [Authoring and Programming] CSS - Help with my website footer http://www.elated.com/forums/topic/6280/#post26420 From: chrishirst


Remove the absolute positioning; ... ... I [b]GUARANTEE[/B] that it does NOT do what you think it does.
THIS;


Code:
--------------------
position: absolute;
bottom: 50px;
--------------------

Will NOT set the element 50 pixels from the bottom of the 'page'.


http://webmaster-talk.eu/en/articles/8-website-development-and-design/13-css-positioning

To have a 'real' footer (real in the print sense of 'footer'.

You need a 'wrapper' element that is the first child of the body element, set clear:both on the 'wapper' element. Place your 'footer' (block level) element as a sibling of the 'wrapper' and last child of the body.

For example;


Code:
--------------------
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html">
<meta charset="UTF-8">
<script type="text/javascript">

</script>
<style type="text/css">
body, html {
width: 100;
height: 100%;
background-color: orange;
}
body {
height: 95%;
clear: both;
}
#wrapper {
border: solid 1px black;
width: 100%;
height: 100%
}
footer {
height:4%;
text-align: left;
font-family: 'Griffy', cursive;
}

</style>
<link href="https://fonts.googleapis.com/css?family=Griffy" rel="stylesheet">

</head>
<body>
<div id="wrapper"> </div>
<footer>&copy; Chris Hirst</footer>

</body>
</html>
--------------------



No positioning necessary.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Fri, 03 Mar 2017 22:50:08 GMT http://www.elated.com/forums/topic/6280#post26420
[Authoring and Programming] CSS - Help with my website footer http://www.elated.com/forums/topic/6280/#post26419 From: ojoaolima


Hi!

I'm trying to move my email and phone on my website to the end of the page (end of scrolling) but it doesn't move.

Right now it's like this:

#site_footer_email_phone {
position: absolute;
bottom: 50px;
left: 48px;
text-align: left;
color: #969696;
font-family: 'CircularStd-Book', helvetica neue, helvetica, sans-serif;
font-size: 19px;
font-weight: normal;
letter-spacing: 0.3px;

}


I wanted it to be like the my ”©2017 João Lima. All rights reserved.” but on the left side of the website.

My web is:
www.joaolima.pt


Can anyone help me with this?

--
Joao Lima

View » | Reply »

]]>
Fri, 03 Mar 2017 12:47:00 GMT http://www.elated.com/forums/topic/6280#post26419
Re: [Authoring and Programming] CSS Problem on mobile end http://www.elated.com/forums/topic/6279/#post26418 From: jbloss


I removed the image sizing info thinking that would help but still doing it. Any ideas on what to try?

View » | Reply »

]]>
Thu, 02 Mar 2017 23:11:37 GMT http://www.elated.com/forums/topic/6279#post26418
Re: [Authoring and Programming] CSS Problem on mobile end http://www.elated.com/forums/topic/6279/#post26417 From: chrishirst


It looks like the widths for 'portrait' and 'landscape' are not correctly set, so the screen has a horizontal scroll that puts the 'f' off screen.

--
Chris.
So long, and thanks for all the fish.
http://webmaster-talk.eu/


View » | Reply »

]]>
Thu, 02 Mar 2017 15:40:17 GMT http://www.elated.com/forums/topic/6279#post26417
[Authoring and Programming] CSS Problem on mobile end http://www.elated.com/forums/topic/6279/#post26415 From: jbloss


Hi there.
This site works fine in desktop mode, even shrinking the window it works great.
In mobile mode the "F" menu on the right is partially missing and the background graphic does not seem to load all the way. It's driving me crazy.

www.motoear.com

Anyone?

View » | Reply »

]]>
Thu, 02 Mar 2017 12:36:45 GMT http://www.elated.com/forums/topic/6279#post26415