HTML Help

I need some advice on whether or not a particular website development strategy that I'm considering implementing is feasible, ... or if it would be an SEO nightmare.

What I'd like to do is to try to use ES6's "backticks" functionality to implement a very simple "includes" mechanism for re-usable elements within a static HTML page. The idea would be to avoid having to use any kind of JS-based framework or library (ie: React, jQuery, etc), and to instead just leverage the native functionality within ES6.

Consider the following very simple and very functional example:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>ES6 Backticks Test</title>    
  <style>
  .red { color:red; }
  </style>   
</head>
<body>	
<div id="example"></div>	
<script>
document.addEventListener("DOMContentLoaded",function(){
	let first = "Yvan", last = "Gagnon", nuts = 2
	example.innerHTML = `
	<h1 class="red">Hello ${first} ${last}!</h1>
	You collected ${nuts} nuts so far!
	<hr>
	Double it and get ${nuts + nuts} nuts!!
	` 	
});
</script> 			
</body>
</html>

Open in new window

This approach would allow me to create separate JS-based include files for different re-usable elements throughout a static HTML website (ie: header, footer, sidebar, etc), and I'm tempted to run with it. However, .. would this be an SEO nightmare? I ask because when I view the underlying source code, I don't see the rendered HTML source code. All I see is exactly what you see in the code sample I've provided. Still .. my understanding is that the major search engines are all now executing JavaScript when crawling sites, which allows for them to be properly indexed. So what is the modern-day consensus on this? Am I wasting my time? Or is this approach that I'm considering actually viable?

Thanks,
-- Yvan

5 Comments

How do I get rid of the blue border on the active state when clicking on the logo in the upper-left corner to back to the home page?

https://sheboyganbjj.com

I already added the following code as an embedded style.

#Map img a:active {
border: 0;
text-decoration:none;
}

CSS
HTML

3 Comments

LVL 6

Question by

bfuchs

2019-12-01SolvedPrivate

Change appearance of field in a web page.

Hi Experts,

I have a calculated field in a Caspio datapage that would like to change the appearance as follows.

1- Bigger size and bold.
2- Should be flashing.

The calculated value is.

case when [@field:Browser]="Chrome 78.0"  or [@field:Browser]="Safari 13.0" or [@field:Browser]="Firefox 69.0.1" or [@field:Browser]="Firefox 19.1" or [@field:Browser]="Firefox 68.1.1"   then ''  else 'Please update your browser!' end

Open in new window

See related question here.

Thanks

3 Comments

LVL 1

Question by

Jonathan Duane

2019-11-28Solved

Trying to create a poll

Hi Guys,

we have this page https://www.iradio.ie/entertainment-committee/ and i was wondering if there was a plugin or if i could do it through HTML. Basically i want people to be able to use 3 point option once, 2 point option once and 1 point option once.

So say for instance i use my 3 point vote on someone i shouldnt be able to use it again? Is this possible?

1 Comment

The main banner image on the homepage is really huge. I'm trying to do some mobile optimizations, and I'm wondering if there is a way to serve two separate images based on viewport size based on my current configuration. I know how to do that the traditional way, but the way this slider is set up calls the image up right in the slide (line 24) and all the css is set there was well.

https://www.stadriemblems.com/

I'd be fine with the image I have for lg, but then I'd serve a different sized image for md, sm and xs.

14 Comments

I have a question. I am extracting data from email messages using PHP v 5.6.25 using imap.
I know I can extract the header information to determine the content type - i.e.
Content-Type: text/html or Content-Type: text/html.
But I am a bit confused on a point here. Does it return the content-type for each email ??
I know from the PHP manual that it uses the url, but this is for a specific
email address i.e. mymail@what.com.
Can you use the specific email address of the sender for the url ??

The data is contained within a table - it may or may not have html styles i.e. font-size etc. but in both cases within a table. The table structures are a bit different so I need to determine which is which for extracting the data.
Would the
The reason I am asking is the messages can be of two flavors -

1) Message has styling inbedded in table

2) Message does not have styling inbedded in table

ANy help would be appericiated...thank you

12 Comments

Hi Guys, i have a domain video.flyefit.ie with lots of subdomains, when people open up a browser based on their IP address i would like if it forwarded onto one of the subdomains so say for instance my ip is 79.140.211.206 and i open up video.flyefit.ie i would like it to redirect to video.flyefit.ie/blanch is this possible?

3 Comments

Hi Experts,

Looking for assistance in getting the message count number into the body of the email on the below script.

This line {MessageCount -gt 5} I'm looking to have on a seperate line in body of the email reading as "Message Queue threshold is set at 5"

Also, looking to write another line in the body as well with just a custom message.

Add-PSSnapin Microsoft.Exchange.Management.PowerShell.SnapIn

$transportservers = Get-ExchangeServer

$a = "<style>"

$a = $a + "BODY{background-color:White;}"

$a = $a + "TABLE{border-width: 1px;border-style: solid;border-color: black;border-collapse: collapse;}"

$a = $a + "TH{border-width: 1px;padding: 5px;border-style: solid;border-color: black;background-color:#00FFFF}"

$a = $a + "TD{border-width: 1px;padding: 5px;border-style: solid;border-color: black;background-color:Paleblue}"

$a = $a + "</style>"

$all = @()

foreach ($server in $transportservers)

{

Write-host "Checking Server $server"

$Details = Get-Queue -Server $server -filter {MessageCount -gt 5} -erroraction "silentlycontinue"

if ($details)

{

$all += $details

}

}

If($all)

{

$all | ConvertTo-Html -head $a -body "<h2> Exchange 2013 Queue Alert</h2>" QueueIdentity, DeliveryType, Status, MessageCount, NextHopDomain, Lasterror | Set-Content "Queue Alert_details.html"

Send-MailMessage -From email@yourdomain.com -To email@yourdomain.com -Subject "Exchange 2013 Queue Alert" -Body (gc "Queue Alert_details.html"| out-string) -bodyAsHtml -SmtpServer

Open in new window

…

2 Comments

I need to to replace the head of my Html5 (<head id="H14"></head>) through js but the newly script I attached on it won't work. The link and style works fine but the newly <script></script> won't work. Is there any idea how to do this?

Original <head>

<head id="H14">
       <script src="UniJs.js"></script>
</head>

Open in new window

Javascript

var newjs = <script src="N75.js"></script>
document.getElementById('H14').innerHTML = newjs ;

Open in new window

Hi experts, After replacing, the newjs won't work, all its function as well, but the old js (N75.js) still working. Please help me how to do this. Thank you!

5 Comments

I am using Php - v 5.6.25 and using localhost. I am extracting data from the body of the email message and I know that it could be sent as plain text or HTML.
Is it possible to detect if it is text or HTML and convert to plain text ??
Thank you so much...

6 Comments

I have an HTML5 bootstrap website that has a video as the background on the home page.

The problem is if that I maximize the screen the video remains smaller. It's not responsive.
How can I make it responsive so that the video gets bigger if the screen gets bigger (I know the quality may be impacted but I am OK with that)

Here is my current code:

<video autoplay="autoplay" muted="muted" loop="loop">
<source src="https://storage.googleapis.com/coverr-main/mp4/Mt_Baker.mp4" type="video/mp4">
</video>

Open in new window

I am just using a sample video from the template.
Also, can we modify the code so that it uses a vimeo video instead?

5 Comments

Hello,

I have a little trouble updating my table from a loop.
Here is my html, my update code and finally my print_r($ _POST);

No update is done, I need your help please.

<form method="POST" action="_editer_produit.php" id="Form" name="Form">

<button type="submit" name="Editer_Libelle" id="Editer_Libelle" >Edit</button>

<?php try{$Stat = $pdo->query("SELECT * FROM tb_produits_test ORDER BY Libelle_FR"); $i = 0; while($data = $Stat->fetch(PDO::FETCH_ASSOC)){ ?>

<input type="hidden" name="NumId_AA[<?php echo $i;?>]" id="NumId_AA_<?php echo $i;?>" value="<?php echo $data["NumId"]; ?>">

<input type="text" id="Libelle_FR_<?php echo $i;?>" name="Libelle_FR[<?php echo $i;?>]" value="<?php echo $data["Libelle_FR"]; ?>">
<input type="text" id="Libelle_AR_<?php echo $i;?>" name="Libelle_AR[<?php echo $i;?>]" value="<?php echo $data["Libelle_AR"]; ?>">

<?php $i++; }}catch(PDOException $e){echo "<div class='alert alert-danger'>".$e->getMessage()."</div>";} ?>

</form>

Open in new window

if(isset($_POST['Num_AA'])) {

$Num_AA = !empty($_POST['Num_AA']) ? $_POST['Num_AA'] : array();
$LIB_FR = !empty($_POST['LIB_FR']) ? $_POST['LIB_FR'] : array();
$LIB_AR = !empty($_POST['LIB_AR']) ? $_POST['LIB_AR'] : array();

try{
$UPD = $pdo->prepare("UPDATE tb_produits_test SET Libelle_FR=:LIB_FR, Libelle_AR=:LIB_AR WHERE NumId=:Num_AA ");

foreach($LIB_FR as $key => $value){
$UPD->bindParam(":LIB_FR", 	$value);
$UPD->bindParam(":LIB_AR", 	$LIB_AR[$key]);
$UPD->execute();
}

}catch(PDOException $e){echo "<div class='alert alert-warning'>".$e->getMessage()."</div>"; die();}
}

Open in new window

array(4) {
  ["Editer_Libelle"]=>
  string(0) ""
  ["Num_AA"]=>
  array(3) {
    [0]=>
    string(1) "1"
    [1]=>
    string(1) "2"
    [2]=>
    string(1) "3"
  }
  ["Libelle_FR"]=>
  array(3) {
    [0]=>
    string(9) "libelle 1"
    [1]=>
    string(9) "libelle 2"
    [2]=>
    string(9) "libelle 3"
  }
  ["Libelle_AR"]=>
  array(3) {
    [0]=>
    string(3) "aaa"
    [1]=>
    string(3) "bbb"
    [2]=>
    string(3) "ccc"
  }
}

Open in new window

HTML

3 Comments

Hi Guys, we have built this site video.flyefit.ie/blanch at the end of every video there is like a white flash that appears for a second and it makes the transition look bad, is there anyway of making it transition much smoother/slicker?

4 Comments

Hi,

I have a button on a tab that when clicked opens a modal form but when I enter data in the textboxes it does not get saved to the database. The javascript object(taskObj) from the code below gets filled with the data entered but when it reaches the controller and I hover over "ItTask" it does not contain any data. Consequently, when I let the code run I get an error when it tries to run the stored procedure. What am I doing wrong? Extra info: the view was added from "ItTask" actionresult. Please help. Thank you.

CONTROLLER:

public ActionResult ItTask()
        {
            return View();
        }

        //Add IT Task
        //public JsonResult AddTask(ITTasksModel ItTask)
        public ActionResult AddTask(ITTasksModel ItTask)
        {
            HelpDeskDBHandle hdDB = new HelpDeskDBHandle();
            hdDB.AddTaskIT(ItTask);
            //return Json(hdDB.AddTaskIT(ItTask), JsonRequestBehavior.AllowGet);
            return View();
        }

        //List IT Tasks
        public JsonResult ListITTasks()
        {
            HelpDeskDBHandle hdDB = new HelpDeskDBHandle();
            return Json(hdDB.GetITTasksList(), JsonRequestBehavior.AllowGet);
        }

Open in new window

VIEW:

@model HelpDeskSupport.Models.ITTasksModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>It Tasks</title>

    <script

Open in new window

…

3 Comments

A consultant created a new web server using Server 2019. They then migrated our intranet over to it and started the iis services. The html pages of our intranet load, but the aspx pages do not.

I'm trying to compare the settings between the two iis servers and have not been able to figure out what is making me get the following error message when an aspx page tries to load:

Server Error in '/dotnet' Application.
Could not load file or assembly 'dotnet' or one of its dependencies. This assembly is built by a runtime newer than the currently loaded runtime and cannot be loaded.

I should also add that I'm stumbling around in this area and am not by any means an expert.

2 Comments

Hi Guys,

On my site https://bannerton.ie/new i want to add 3 more columns to the row where it has the 3 images Public Relations, Event Management and Marketing, also i was wondering is there a way i could expand and collapse with a button that says read more?

1 Comment

LVL 6

Question by

bfuchs

2019-11-19SolvedPrivate

Debugging JavaScript questions

Hi Experts,

Some questions about debugging JavaScript and JQuery.

1- How do you make sure its stopping at each line of code? (Tried F11 but it skipping many lines)
2- In middle of execution how do I have the code continue running at a particular line (either forward or backwards)?
3- Is there something like Immediate window (in VBA) where I can work and print variable values?
4- Instead of having this messy window to debug, how can I have a clear and neat screen like in Access (see attached).
5- What is the easiest way to figure out how to do things in JavaScript (In Access VBA if you highlight a word and press F1 you get help window on that contents).

Thanks
Untitled.png

18 Comments

I have a high school nephew who wants to build a web server and play with HTML, so he says; being the only "computer guy" in the family, I got "voluntold" that it would be a nice Christmas gift to share my talents. Teenagers being the mischievous bunch they are, I have my concerns and I am not a web developer, Intranet or Internet; my talents are in databases and query coding. None the less I have begun research and need to be pointed in the right direction. I was thinking Intranet not Internet; let them play with it on their own network, so when "Ralph" breaks the internet it will only be theirs.

So how does my Christmas outlook look?

10 Comments

Hi Experts,
I am trying to implement a reservation calendar packages. I think I installed the libraries I need using npl (although I did get some warnings as in the attached PDF "javascript calendar warnings") so maybe it

I created two files to see if I could get the calendar to work:
hello.html
booking-form.js

This does not work. I am very new to javascript (and honestly programming and computers in general) and i would really appreciate it if someone can look at these files and help me understand what I'm did wrong and how I can make this work. Thank you very much.

Alla
Javascript-calendar-warnings.pdf
hello.html
booking-form.js

7 Comments

Expert Spotlight: Joe Anderson (DatabaseMX)

LVL 19

We’ve posted a new Expert Spotlight! Joe Anderson (DatabaseMX) has been on Experts Exchange since 2006. Learn more about this database architect, guitar aficionado, and Microsoft MVP.

Domain Validation via DNS or HTML; at the first level subdomain.
I am in a situation where I have been provided the FQDN city.state.gov to use. I need to get several certificates for city.state.gov, using DNS DV. I do not control any of the DNS entries for the city.state.gov or state.gov, I have to send in request changes to an a DNS Admin group. I applied for an SSL and had the state DNS admins create a DV record. The DV record was created at the first level subdomain city. The SSL provider needs the DV record to be located at the primary root domain level state.gov. The State DNS Admins are unwilling to make the record at this level (same is true for the HTML method).

Does anyone know of an SSL provider that will perform DV at the subdomain city.state.gov level?

Thanks for you consideration to this question

6 Comments

I need to create a booking calendar with JavaScript. Do I need to do that inside of my HTML file, or it should I have a separate .js file?

2 Comments

Hello Experts,

I am trying to send emails through a form using basic Textarea tag and cfmail.

I am losing user's entered new lines \n and email body ends up in a huge lengthy string of words.

cannot use high end RTF editors.

<cfif isdefined(form.fieldname)>
 <cfmail type="html"  spoolenable="false" to="#ToField#" from="blahv@tada.com" bcc="#BccField#" replyto="blahv@tada.com" subject="#form.SubjectField#">
                                                
                                                 #encodeForHTML(txt_email_body)#
                                                
                                            </cfmail>
</cfif>

<form action="" method="post" onsubmit="">
<div class="form-group">
                                        <label class="control-label" for="txt_email_body">email body:<span class="danger">*</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                        <textarea richtext="true" class="multipleSelect" rows="10" id="txt_email_body" wrap="soft" name="txt_email_body" style="white-space: pre-wrap" ></textarea>
                                    </div>
 </form>

Open in new window

12 Comments

Is there any example on using JQuery to display each column of a selected row in a HTML table ?

Thx

HTML
jQuery

2 Comments

LVL 6

Question by

bfuchs

2019-11-14SolvedPrivate

Have a parameter displayed as a link.

Hi Experts,

how do I create a link in a web page (designed in Caspio), and the link contents should come from a field/parameter.

Tried the following, didn't work.

<a href="[@field:Datapage]">Download </a>

Open in new window

Thanks

12 Comments

Hi, I am a web design student, and we have an assignment using less. I have read the online material but I admit it is pretty confusing for a newbie like me. How do I get started? Is there something I need to install? Any clear instructions geared toward the novice programmer would be greatly appreciated!

~Alla

1 Comment

HTML

Related Topics

HTML

Related Topics