HTML

60K

Solutions

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

Hi Experts,

I'm having trouble creating a mulitselect  Laravel form to show multiple columns. This is my current setup:

Controller:
public function edit($id)
    {
        //

        $user = User::findOrFail($id);
        $assets = Asset::all()->pluck('id', 'asset_name')->toArray();

        return view($_ENV['VIEW_FOLDER_VERSION'] . '/views/users/edit', compact('user', 'assets'));
    }

Open in new window



Blade:
<div class="form-group">
        {{Form::label('assets', 'Assets')}}
        {{Form::select('assets[]', $assets ,null,array('multiple'=>'multiple','name'=>'assets[]','class'=>'form-control'))}}
      </div>

Open in new window


MySQL Table
mysql.PNG

This is what I see:
multiselect.PNG

Can you please help point me in the right direction?

Thanks,
Ricky
0
I have a SSRS report where in one text box I want to only display part of the FIELD that populates the textbox.
For example, if the text in the field is "LASTNAME, FI - ID", I want to display only "LASTNAME, FI". So in the query I have Select LASTNAME + ', ' + LEFT(FIRSTNAME,1) + ' - ' + ID.
I can't just change the SELECT statement to leave off ID because I need that for grouping and sorting.
I changed the placeholder properties to recognize HTML tags
Something like:
Select LASTNAME + ', ' + LEFT(FIRSTNAME,1) +<font size= "3">' + ' - ' + ID + '</font>'
works, but I can't find a way to hide the ID
I tried:
Select LASTNAME + ', ' + LEFT(FIRSTNAME,1) +<div style="visibility:hidden">' + ' - ' + ID + '</div>'
References say that only certain inline CSS attributes are supported, so visibility must be one that isn't.
Any ideas, other than using one field for sorting and another for display.
0
Hi Experts,

The Problem
I'm trying to create a custom Laravel/Collective 6 form component as per instruction here.

I installed the Laravel/Collective package as per the previous link instruction using:
$ composer require laravelcollective/html

Open in new window


I have no problems with using the form as it seems to work just fine. I've only encountered errors when trying to register a macro or component to App\Providers\AppServicePrivider.php boot function with:
Form::component('bsText', 'components.form.text', ['name', 'value', 'attributes']);

Open in new window


This is what I see:
laravelcollective error
When trying to load the custom component I get the following error:
 Laravelcollective class error

What I've Tested
When checking previous laravelcollective version, namely, v5.6 and prior, I see the following instructions:
Laravel form v5.6 installation instruction
I've tried adding those entries to their respective locations in providers and aliases but it did not seem to help.


I'm not sure what I'm missing, Can you please help point me in the right direction?

Many thanks,
Ricky
0
After upgrading a very small server from Apache 2.2 to Apache 2.4, some images called from an included file no longer appear on the page.

The host uses scripted HTML.  The SHTML files include an HTML header template.  I have confirmed that the HTML header is being included properly in the outgoing and received SHTML file.

As a source file on the server (trimmed for brevity):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>domainname.com</title>
<META NAME="description" CONTENT="bla bla bla.">
</HEAD>

<BODY BGCOLOR="#FFD700">

<!--#include virtual="/includes/StandardHeader.html" -->

<!-- Content section begins here, below the header -->
(file continues) ...

Open in new window


As received by Firefox:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>domainname.com</title>
<META NAME="description" CONTENT="bla bla bla.">
</HEAD>

<BODY BGCOLOR="#FFD700">

<!-- Included header file to be inserted below BODY -->

<DIV ID="header">

<TABLE BORDER="0" WIDTH="100%" CELLSPACING="0" CELLPADDING="0" BGCOLOR="#6699FF"><TR>
<TD>
<script type="text/javascript">
<!--
 var image_number = 0;
 var image_count = 12;
  function randomimage() {
        image_number = 1 + Math.floor(Math.random() * image_count);
        return image_number;
    }
  document.write("<img src='http://www.mydomainname.com/headerimages/header" + randomimage() + ".png'>");
//-->
</script></TD>
<TD><IMG 

Open in new window

0
I am relatively new to Wordpress and am trying to add code to a page.
Here is the code:

<div id="libchat_97a02353a0afcdc8a5eab67b19250e53"></div><script type="text/javascript" src="https://v2.libanswers.com/load_chat.php?hash=97a02353a0afcdc8a5eab67b19250e53"></script>


Although I have worked with PHP, javascript, and html extensively, I am at a loss on how to get Wordpress to recognize this code. I use the html editor on the page and the result is it simply displays the code, it should display a widget.

Any tips would be greatly appreciated.
0
Hi All

I'm trying to get the below code to work using html and javascript where it looks at a network drive called z: and shows the last photo taken (the file name varies, images created begin with "capt and end in a number, i.e. capt5578.jpg - wildcard needs to be used) based on timestamp, see below

<html>
<head>
</head>
<body>
<script type="text/javascript">
    function handleResponse(req) {
        if( req.readyState == 4 ) {
         document.getElementById('show').innerHTML = req.getResponseHeader("Last-Modified")
        }
    }
    function createRequestObject() {
        if(window.XMLHttpRequest) {
            req = new XMLHttpRequest();
        } else if(window.ActiveXObject) {
            req = new ActiveXObject("Microsoft.XMLHTTP");
        }
        return req;
    }
    function makeRequest()
    {
      var req = createRequestObject();
    	if (req) {
		req.onreadystatechange = function() { handleResponse( req ); };
		req.open("HEAD", "z:/capt*.jpg",true);
		req.send(null)
	}
    }
    function reloadImage() {
        var now = new Date();
        if (document.images) {
            document.images.myobject.src = 'z:/capt*.jpg?' + now.getTime();
            makeRequest()
        }
        setTimeout('reloadImage()', 15000);
    }
    setTimeout('reloadImage()', 0);
</script>
</body>
</html>

Open in new window


The issue here is I cannot get this to work. I'm not sure if I'm doing anything wrong here. Any help is greatly appreciated.
0
Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘http://themagnolia.com’) does not match the recipient window’s origin (‘https://www.themagnolia.com’).  spam-block.htm



This client recently upgraded to FTP-SSL protocol. I have reviewed the files involved and I don't see where http://themagnolia.com is referenced.

Does anyone know how to isolate this error? I've attached the files that seem to be involved.
reCaptcha-test-3.htm
reCaptcha-test-3.php
spam-block.htm
sendForm.php
0
Hi Experts


Could you point how to configure this Bootstrap buttons to be correctly distributed accordingly with this layout?

img010

<div class='row'>

      <div class="panel panel-primary">
      
          <div class='row'>
          
            <div class='col-md-8 pull-right'>
              <div class="btn-group" role="group">
                <button type="button" class="btn btn-primary" onclick="hotsite.vitrine.novo();">
                  <i class="fas fa-video" aria-hidden="true"></i> Minhas Fotos
                </button>
              </div>
            </div>
            
            <div class='col-md-6 pull-right'>
              <div class="btn-group" role="group">
                <button type="button" class="btn btn-primary" onclick="hotsite.vitrine.novo();">
                  <i class="fas fa-video" aria-hidden="true"></i> Todas as Fotos
                </button>
              </div>
            </div>
              
            <div class='col-md-4 pull-right'>
              <div class="btn-group" role="group">
                <button type="button" class="btn btn-primary" onclick="hotsite.vitrine.novo();">
                  <i class="fas fa-video" aria-hidden="true"></i> Enviar Foto
                </button>
              </div>
            </div>
              
          </div>  
       
    </div>
</div>

Open in new window


Thanks in advance!
0
Hi Experts


Could you point what's needed to change from video upload to image/photo upload on this view?

Accordingly to this code:

<div id='box-video' class='col-md-5 text-center'>

	<video controls style='width: 100%'>
		<source id='srcVitrine' src='' />
	</video>
	
	// Change to:
	<img controls style='width: 100%'>
		<source id='srcVitrine' src='' />
	</img>
	

	<div class='col-md-12 form-group'>
		<label for='titulo'>URL (Vídeo):</label>
		<div class="input-group">
			<input type='text' id='url' name='url' disabled class='form-control'/>
			<span class="input-group-btn">
				<button class="btn btn-primary" type="button" onclick='hotsite.vitrine.subirVideo();'><i class="fa fa-camera"></i></button>
			</span>
			<input type='file' id='file' name='file' style='display:none;'/>
		</div>
	</div>
</div>


<script>
  var jqXHRData;
  $(document).ready(function() {

    
    var pars = {
        _token:$('input[name="_token"]').val()
    };

    var resultImageUpload = function (data) {
        if (!data.result.erro) {
            localizacao = data.result.retorno.localizacao;
            $('#url').val(localizacao);
            $('#srcVitrine').attr('src', localizacao);
            
			
			// This runs
			$("#box-video video")[0].load();
			
			// This doesn't run
            $("#box-video img")[0].load();
					
            return false;
        } else {
          hotsite.openModalCustom("Erro",'Erro ao subir vídeo.', "Entendi", "error");
          return false;
 

Open in new window

0
I have an excel file with Name email address and html file location.
I need to automate this process.
i.e. Send email based on the email address and html content in the email.
GTMarketing.xlsx
0
0
module cannot be found but i do have it
module
0
Hi Experts

Could you point why this HTML textarea is not actualized when changing the pictures since JS scripts shows it has changed?

Accordingly to:

 img002
What occurs is:
img003
Page Code:
  <div class="modal fade" id="mMidiaEditar" tabindex="-1" role="dialog" aria-labelledby="mMidiaEditarLabel">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="mMidiaEditarLabel">Mídia</h4>
        </div>
        <div class="modal-body">
          {{ csrf_field() }}
          <input type='hidden' id='id'/>
          <div class='form-group'>
            <label for='tituloEditar'>Título:</label>
            <input type='text' class='form-control' id='tituloEditar' name='tituloEditar'/>
          </div>

<!--  --->
          <div class='form-group'>
            <label for='descricaoEditar'>Descrição X:</label>
            <textarea class='form-control' id='descricaoEditar' name='descricaoEditar' rows="5"></textarea>
          </div>
<!--  --->

          <div class='form-group'>
            <label for='tipoparticipanteEditar'>Perfil:</label>
            <select id='tipoparticipanteEditar' name='tipoparticipanteEditar' class='form-control'>
              <option value='0'>Para todos os 

Open in new window

0
Hi Experts,

I have always had issues with this, but how do I vertically center inner elements, such as a div within div?
0
I am using an application in Chrome and html code displays with tags, etc. If I go out of this option and in again the webpage has displayed but can anybody tell me if this is a setting somewhere in Chrome perhaps that causes it to load the html text first?
Thanks,
0
Hey There,

I need a little help tweaking my script for determining a State based on a Phone Number areacode.

I have a form, which when you enter the phone number, a hidden field will be populated with the state.   The script is working if you enter the number in 111-111-1111 or 111111111 format, but if you do (111)-111-1111 or (111)111-1111 format, it displays none.  So How do i tweak this, so it will pull the state regardless of the format.  Website here - Website

form html
<div class="rounded-lp-form">
<div class="lp-form-header">
		<h1 style="text-align: center;">Schedule a demo</h1>
		<p style="text-align: center;"><span class="text-black">Already an existing customer?</span><br />
			<a href="https://buildertrend.com/company/contact-us/">Contact us here.</a>
		</p>
  </div>
  <form id="scedule-demo-lp-form" class="" action="https://go.buildertrend.com/l/464372/2020-02-04/7lw3vg" method="get">

<div>
    <input type="text" id="full_name" name="full_name" required placeholder="Full name" required/>
    <label for="full_name" class="hide-label">Full Name</label>
 </div>  
  <div>
    <input type="email" id="email" name="email" required placeholder="Email address" />
    <label for="email" class="hide-label">Email Address</label>
  </div>
  
<div>
	<input name="phone" id="phone" type="tel" placeholder="Phone number" required>
	<label for="phone" 

Open in new window

0
One of the things I'm getting "dinged" on for the Google Insights Page Speed test is delivering images in Next Gen format. I realize this is WebP or JPEG200 [.jpf].  

I am aware of the <picture> tag, (e.g. this link) but how would I use that tag in the following line of code:

<div class="slider-item js-fullheight" style="background-image: url('images/ExerciseAndEating-25.jpg');"> 

Open in new window


Thanks!
0
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.


<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>reCaptcha-test2.php</title>

    
  </head>
  <body>
    <?php
      echo "reCaptcha-test.php says hello"; 
      $url = 'https://www.themagnolia.com/reCaptcha-test-2.htm';
      $inputName;$inputEmail;$inputPhone;$inputMessage;$inputAddress;$inputCity;$inputState;$inputZipcode;$captcha;
      $captcha = filter_input(INPUT_POST, 'token', FILTER_SANITIZE_STRING);
        if (!$captcha) {
          <script>consol.log ("Quit No Captcha");</script>
          header ('location: https://www.themagnolia.com/reCaptcha-test-2.htm');
          exit ('Quit... token not found');
        }

        $secretKey = 'SECRET-KEY-GOES HERE';
        //$ip = $_SERVER['REMOTE_ADDR'];

        // post request to server
        $url = 'https://www.google.com/recaptcha/api/siteverify';
        $data = array('secret' => $secretKey, 'response' => $captcha);
        
        $options = array (
          'http' => array (
            'method'  => 'POST',
            'header'  => "Content-type: 

Open in new window

0
After running the Google PageSpeed Insights several times, one of the first things I get "dinged" on is "Serve images in next-gen formats".

I read the directions: I took the image into Photoshop and saved as JPEG 2000 but when I replace that image in my HTML, no images show. This is true for both my local machine and in Production.

Aside from:

  1. Changing the File format from .jpg to .jpf (in Photoshop)
  2. Replacing the HTML (e.g. image2.jpf)

Is there something I am missing?

Thanks for your help.

...
0
Hi,
I want to have 2 more separate lines between word "Logon Page" and user name below. How to adjust it? How to also center "Logon Page" on the line?

        <div class="container" style="background:url('./pict/ID-10028343.jpg');border: 0px solid green;background-color: C9D3DD;background-size: cover;background-repeat: no-repeat;width:1200px;height:800px;font-family:Verdana;font-size:14px;">
          <form action="page.php" method="POST">
          <div class="row" style="border: 0px solid red;">
                <div class="col" style="border: 0px solid blue;"></div>
                <div class="col"></div>
                <div class="col text-center" style="border: 0px solid orange;foreground-color: 848484;font-size:18px;"><b>Logon Page</b></div>
                <div class="col"></div>

                <div class="col" style="border: 0px solid blue;"></div>
                <div class="col text-right" style="border: 0px solid orange;"><b>Username:</b></div>
                <div class="col" style="border: 0px solid yellow;"><input type="text" name="username" style="background-color: white;" /></div>
                <div class="col"></div>

                <div class="w-100"></div>

                <div class="col" style="border: 0px solid blue;"></div>
                <div class="col text-right" style="border: 0px solid orange;"><b>Password:</b></div>
                <div class="col" style="border: 0px solid yellow;"><input type="password" name="password" 

Open in new window

0
I have a HTML5/js web page that was working fine and stopped working a short time ago.  I have placed this web page temporally at: https://www.barnwellmd.com/temp/test.html so I can delete it after I close this question (it saves files on my server and sends me an email).  

The problem is when a user clicks on "Send to Dr. Office" a popup shows "<head><title>Not Acceptable!</title></head><body><h1>Not Acceptable!</h1><p>An appropriate representation of the requested resource could not be found on this server. This error was generated by Mod_Security.</p></body></html>" and nothing is sent.

That button calls the sendCanvas() function:
function sendCanvas()
{
      if (checkFields()) return;
      clearGray();
      createPrint();
      var testCanvas = document.getElementById("imageView");  
      var canvasData = testCanvas.toDataURL("image/png");
      //alert(canvasData);
      var ajax = new XMLHttpRequest();
      //alert ('https://www.barnwellmd.com/Uploadroutines/uploadbase64.php?name=' + document.form.ptname.value.replace(/ /g,"_"));
      ajax.open("POST",'https://www.barnwellmd.com/Uploadroutines/uploadbase64.php?name=' + document.form.ptname.value.replace(/ /g,"_"),false);
      //ajax.open("POST",'https://www.barnwellmd.com/Uploadroutines/uploadbase64.php',true);    
      ajax.setRequestHeader('Content-Type', 'canvas/upload');
      //ajax.setRequestHeader('Content-Type', 'application/upload');
      ajax.onreadystatechange=function()
      {
            if (ajax.readyState == 4)
            {
                  alert(ajax.responseText);
                  …
0
Hello, I've found a behaviour of the ::after pseudo-element which I find strange and I'd like to ask you guys if there's an explanation and, most of all, a work-around.

Take a look here:
http://vetrina.ilgufoblu.net/test/

The two buttons are almost identical with completely identical css, but they behave differently on hover because the button on the left has an invisible span tag inside it which somehow makes the ::after pseudo-element position itself below the text instead of right after the text.

I don't understand how this is possible. The span has a "display: none;" attribute set and should not influence the layout in any way, as I understand it.

But it does, and the question I'm asking myself (and you) is why, and is there a way to avoid this?
I need that span (and more, actually) to be there to use some JS code which needs said spans to be right there (not included here because the problem is only with css).

I'll add the relevant code below, you can also check it out via your browser's dev tools.

Thanks.

HTML:
<body>
<div style="clear:both;padding:20px 0px 0px 200px;">
	<a title="Aggiungi al calendario" class="addeventatc" data-styling="none">
	    Sul Calendario
	    <span class="timezone">Europe/Rome</span>
	</a>
	<a title="Aggiungi al calendario" class="addeventatc" data-styling="none">
	    Sul Calendario
	</a>
</div>
</body>

Open in new window


CSS:
.addeventatc {
	background-attachment: scroll;
	background-clip: border-box;
	

Open in new window

0
I find that the following code doesn't work in IE. It works perfect in chrome or firebox. Any idea ?

div.map {
   margin: 20px auto;
   animation-name:rollmap;
   animation-duration: 3s;
   animation-iteration-count:infinite;
}

@keyframes rollmap {
      0% {background:url("../images/Map.png") no-repeat; }
      50% {background:url("../images/Maphover.png") no-repeat; }
      100% {background:url("../images/Map.png") no-repeat; }
}
0
Duplicate code removal with ReSharper?
 
I read it now helps highlight duplicate code, but at jetbrains.com I am not finding an specific feature for that.

At the moment, I care most about UI files, first and foremost HTML and Javascript.

Does anyone know if ReSharper highlight duplicate code within a file? And between different files?

IO am about to get the 30-day free trial. But, before I start the clock, I hope to nail down even if that feature exists.

Thanks
0
HI Team,

i am executing below code its working fine when i change the date then check particular row check box  then submit. but it's not working when i clicked on check box first then change the date and submit . please tell me the solution of my problem thanx a ton in advance i m new in java script and jquery so please tell me particular solution on my code .


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
  
$(document).ready(function() {

	$(".date").datepicker({dateFormat:'dd/mm/yy'});
	$('.chkValues').on('click', function() {
		//get values of dates
		var array = [];
		var parent = $(this).closest('tr');
	    
	    // Now find all the child <inpu> elements with class "date"
	    var last = 0;
	    $('.date', parent).each(function(i,e) {
	      var dt = new Date(e.value.split("/").reverse().join("-"));
	      alert(dt);
	      console.log(dt.getTime());
	      if (dt.getTime() <= last) {
	        alert('Error: ' + e.id + ' has an invalid value');
	      }
	      last = dt.getTime();
	    });
		$row = $(this).data('row'); //row1, row2, row3 etc
		$('input.' + 

Open in new window

0

HTML

60K

Solutions

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.