Develop Reference

Google Web App: Can't read or write on my label after evaluate the page

I have a label on my HTML page which shows number returned values. I can't read or change that when it is loaded? but locally I can do that with a console log.
<p name= 'message' id='ftext' > This team have
<label id="teams" > <?= teamSize ?> </label>
members. </p>
it returns null for both of these tag ids document.getElementById('team') or document.getElementById('ftext'), so I can't get their innerText or text Contents.
I am using HtmlService.createTemplateFromFile(file).evaluate() for rendering the page.
here is a link to my project: Attendance Form
Thanks for your help,
M

You said that document.getElementById('team') didn't work, but you actually named your id "teams".
If that fix doesn't work, can you share your code?
It's really frustrating to get variables between the frontend and the backend in GAS!
Something like this:
google.script.run
.withSuccessHandler(finishedOutput)
.withFailureHandler(errorOutput)
.split(); // SPLIT IS THE GS SCRIPT THAT PASSES BACK THE NUMBER YOU WANT
and then this
function finishedOutput(info) //INFO IS THE THING THAT GOT PASSED BACK BEFORE
{
var br='<br />';
var outputDiv = document.getElementById('status');
outputDiv.innerHTML = 'The spreadsheet has been split.' + br +'New files in this folder: ' + info.link + br ;
document.getElementById('process').style.display="none";
};
In my example I was passing back an object that had a info key but you can do this with a number or a string rather than an object.
these are both inside on the html page, and then the "split" function is on Code.gs and is a GAS function. Messy, right?

passing data to a new html window

Sorry guys but this is a little broad, I've searched but there are a few things coming up but I wanted a direct answer for my question.
First I am a mechanic at a truck dealership in Dallas, TX. I am writing a web based application that will make it easier for me to organize all my jobs. I'm using this project to teach myself HTML, PHP, PDO, javascript ect. Right now I'm in design and organization phase meaning I'm getting everything I want figured out so when I start the hard coding I know ahead of time where to go.
Now when a tech logs in they will be brought to the tech landing page. I'm going to have a php script that will retrieve all the 20 most recent "active" Ro's (repair orders) assigned to that particular tech. A table will display summary info on a line at the end of each line there will be a button (or I might make the RO # clickable not sure yet.
My question is what is the best way to open a new window and pass the RO# of the clicked option so scripts on the new page can begin populating the detailed RO information from the database??
I'm not necessarily looking for the code but something I can search to narrow down my options.
Thanks

There are a few ways you could do this.
A simple link with querystring:
-------------------------------
<a href='/repairs.php?mechanic=bob' target='_blank'>Bob's Repair Orders</a>
<a href='/repairs.php?mechanic=curly' target='_blank'>Curly's Repair Orders</a>
A simple link with a javascript function:
-----------------------------------------
<a href='#' onclick='getRepairs('bob')'>Bob's Repair Orders</a>
<a href='#' onclick='getRepairs('curly')'>Bob's Repair Orders</a>
javascript:
function getRepairs(name){
window.open('/repairs.php?mechanic='+name );
}

You have 2 options to do this:
(Recommended) Pass RO# (id) in address page.php?id=1001 and fetch id using get method
on new page. It will be a full page with all bars and every thing
enabled.
Collect data in a DIV and open a new page and populate data to it.
Code for Option 1:
Page 1: ROlist.php (Which Contains list of 20 ROs)
RO#1001
Page 2: ROdetails.php (Which will open only id based details)
<?php
$ROid=$_GET['id'];
$result=mysql_query("SELECT * FROM table where id='$ROid'");
if($result)
{
while($list=mysql_fetch_array($result))
{
echo $list['Id'];
echo $list['clientName'];
echo $list['foo'];
echo $list['bar'];
}}
?>

You can call the following in JavaScript:
window.open("<yourUrl to open>?ro=someValue")
and pass the ro value to the new window as a query paramter (?ro=someValue where someValue will be replaced by the value to pass over and is the url of the page to load in the new window).
In the new window you can retrieve it using:
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
var ro = getParameterByName('ro')
Note: getParameterByName is from How can I get query string values in JavaScript?

Use a GET parameter : index.php?ro_id=1
Now this URL should be generated through PHP, where 1 is a variable and is the RO#.
Other solutions told how to open it in a new window, you don't need JS to read $_GET though.

Like what Uchiha comment is suggesting, you can put your RO# into a link.
In your html you can put something like this:
<a target="_blank" href="ro_table.php?ro_number=RO number here"> RO# </a>
and in your ro_table.php or any php file you prefer to receive the RO# you can get the RO# by: $_GET["ro_number"] and use that to your database query.

Can I read the input from a HTML form and save it at at a specific position in TXT file?

I used this as reference:
Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?. But that is intended for client side and I want server side.
I have a TXT file with this content:
PAGE=1
until [ $PAGE -gt 9 ]; do
wget "http://www.example.com/INPUT-WORD-HERE/page_0"$PAGE".jpg"
let PAGE+=1
done
PAGE=10
until [ $PAGE -gt 99 ]; do
wget "http://www.example.com/INPUT-WORD-HERE/page_"$PAGE".jpg"
let PAGE+=1
done
Is it possible for me to read the input from a HTML form and save it at a specific position in this TXT file (hosting). The specific position is INPUT-WORD-HERE. So, the idea would be to replace all the INPUT-WORD-HERE with the HTML input.

So from what you describe, this is what should be done (I used PHP for the code as you tagged your question with it):
Open your batch file as a string.
$fileTXT = file_get_contents($path_to_your_file, FILE_USE_INCLUDE_PATH);
(Replace $path_to_your_file with the relative path to the file that you want to update)
Replace all the instances of INPUT-WORD-HERE with the new input:
$fileTXT = str_replace("INPUT-WORD-HERE", $textToReplace, $fileTXT);
But it is not that simple. This is a bit trickier than what it seems initially, as INPUT-WORD-HERE will not be the same text from one time to another. We need to create a generic script that will replace whatever the value is:
$pos1 = strpos($fileTXT, "http://www.example.com/");
$textFrom = substr($fileTXT, $pos1+23, strpos($fileTXT, "/", $pos1 + 23) - $pos1 - 23);
$fileTXT = str_replace("http://www.example.com/" . $textFrom . "/", "http://www.example.com/" . $textTo . "/", $fileTXT);
I replace the whole URL, to avoid possible problems if the previous INPUT-WORD-HERE value matched a different text in the file (e.g.: "example" or "PAGE")
Save the file.
file_put_contents($path_to_your_file, $fileTXT);
The final code would look like:
<?php
// here the relative path to your batch file
$filename = "myfile.txt";
// replace $_GET["txt"] for the name of the input that will have the new value. You can use $_POST too
$textTo = $_GET["txt"];
// read the content of the file into a string
$fileTXT = file_get_contents($filename, FILE_USE_INCLUDE_PATH);
// get the word to be replace from the URL (23 is the length of "http://www.example.com/", you'll need to change that number to fit the URL that you place there)
$pos1 = strpos($fileTXT, "http://www.example.com/");
$textFrom = substr($fileTXT, $pos1+23, strpos($fileTXT, "/", $pos1 + 23) - $pos1 - 23);
$fileTXT = str_replace("http://www.example.com/" . $textFrom . "/", "http://www.example.com/" . $textTo . "/", $fileTXT);
// overwrite the content of the file
file_put_contents($filename, $fileTXT);
As I specified in the comments, this solution presents some dangers and should not be used with common users (you said it was Ok, as it was only for you). If you change it so common users can access it, you should preprocess and sanitize the input.
As requested by the user, this is a simple example of how the HTML form could be:
<form method="get" action="YOUR_PHP_FILE_WITH_THE_ABOVE_CODE">
<label for="txt">
Write here the new name:
<input type="text" name="txt" id="txt" />
</label>
<input type="submit" value="Make Changes" />
</form>
You just need to make sure that the text input has the same name as the parameter that you read in the $_GET (or in the $_POST, but then you'd need to change the form to method="post").

How to get the hostname without TLD from a url

I'm in the process of creating a website. Every time the user uploads a link, I need to save the link and its name/value. This is hard to explain.
Here's what I'm trying to say. Lets say the user pastes a link in an input. https://www.google.com/ The link needs to be saved in an XML file. When I call the link:
I want to also call the name:
Google
I want to extract "google" from "https://www.google.com/"
I know I could use:
str_replace(' ', '', )
But not all links are the same.
I know this code won't work because I already tried it.
I know the right code is simple probably 3 lines. So I would really appreciate it if you guys could help me out.
Thank you.

parse the url. get the host part and explode the string with a dot (.) as delimiter.
$url="https://google.com/";
$parts = parse_url($url);
$parts=explode('.',$parts['host']);
echo $parts[0]; // parts[1] contains com, parts[0] contains google
To work with urls that contain 'www' you might do something like this. Mind that this is not working with subdomains.
echo getName("http://www.google.com"); //prints google
function getName($url){
$parts = parse_url($url);
$parts=explode('.',$parts['host']);
$data=$parts[0]=="www"?$parts[1]:$parts[0];
return $data;
}
To work with every url, including subdomains I think it is more easy to use a regex. I adapted the function from this question to fulfil your needs.
function getName($url){
$pieces = parse_url($url);
$domain = isset($pieces['host']) ? $pieces['host'] : '';
if (preg_match('/(?P<domain>[a-z0-9][a-z0-9\-]{1,63}\.[a-z\.]{2,6})$/i', $domain, $regs)) {
return explode('.',$regs['domain'])[0];
}
return false;
}

Posting data via js/jQuery

I am really new to Javascript and its many brilliant libraries, I find even the most simple scripts hard to perform.
I do want to learn this language, because it would be powerful for creating client websites, however at the moment I am trying to do something relatively simple, this is to flag a personal message on my site. There are many messages in a big list, and what I am looking at doing is when the user clicks the "Flag PM" image, it will run flag.php in the background which will change the flag field in MySQL from 0 to 1.
This script is all dependant on one field, that is id so I can run this through the database. Anyway, here is my code;
flag.php
require('_inc/_core/core.php'); // inc core_funcs for sql & clean
$pm_id = clean($_POST['p_id']); // create new variable, clean the post
echo "The ID for the PM is " . $pm_id;
mysql_query("UPDATE `messages` SET `flag_status` = 1 WHERE `id` = {$pm_id}"); // update the db
JS/jQuery
// Flag a Personal Message
$("#flagPM").submit(function(event) {
event.preventDefault();
$.post("flag.php", { p_id: pm_id } );
alert(event);
});
HTML handling the form
<form action="#" id="flagPM"><input type="hidden" id="pm_id" value="$id" />
<input type="submit" class="submit" value="FLAG" /></form>
So there is a hidden input field named pm_id that contains what I want posted.
Would really appreciate some help, the Javascript is being run from an independent file that is two directory's up from flag.php
Thank you

the Javascript is being run from an independent file that is two
directory's up from flag.php
In that case simply doing:
$.post("flag.php", { id: id } );
wont reach the flag.php file, you need to specify correct path including folder names that you mentioned:
$.post("folder1/folder2/flag.php", { id: id } );
By the way, you should use a callback for the $.post function to know what message is returned by flag.php:
$.post("flag.php", { id: id }, function(data){
alert(data);
} );
From your flag.php, make sure to echo something so that you get that response in your ajax handler:
// your other code here, such as query, etc
echo 'whatever...';