HTML – MaxVergelli.com

How to parse and process HTML/XML in PHP

Max — Wed, 15 Apr 2020 16:44:00 +0000

Simple HTML DOM is a great open-source parser:

It treats DOM elements in an object-oriented way, and the new iteration has a lot of coverage for non-compliant code. There are also some great functions like you’d see in JavaScript, such as the “find” function, which will return all instances of elements of that tag name.

I’ve used this in a number of tools, testing it on many different types of web pages, and I think it works great.

These are the main features:

HTML DOM parser written in PHP 5+ that lets you manipulate HTML in a very easy way
Require PHP 5+
Supports invalid HTML
Find tags on an HTML page with selectors just like jQuery
Extract contents from HTML in a single line

How to get HTML elements:

// Create DOM from URL or file
$html = file_get_html('http://www.example.com/');

// Find all images
foreach($html->find('img') as $element)
       echo $element->src . '
';

// Find all links
foreach($html->find('a') as $element)
       echo $element->href . '
';

How to modify HTML elements:

// Create DOM from string
$html = str_get_html('Hello
World');

$html->find('div', 1)->class = 'bar';

$html->find('div[id=hello]', 0)->innertext = 'foo';

echo $html;

Extract content from HTML:

// Dump contents (without tags) from HTML
echo file_get_html('http://www.google.com/')->plaintext;

Scraping Slashdot:

// Create DOM from URL
$html = file_get_html('http://slashdot.org/');

// Find all article blocks
foreach($html->find('div.article') as $article) {
    $item['title']     = $article->find('div.title', 0)->plaintext;
    $item['intro']    = $article->find('div.intro', 0)->plaintext;
    $item['details'] = $article->find('div.details', 0)->plaintext;
    $articles[] = $item;
}

print_r($articles);

Access a variable declared in a phtml from another phtml in Magento2

Max — Tue, 14 Apr 2020 16:25:00 +0000

Having two blocks in the catalog_product_view.xml file like this:

...

To access a variable declared in the first block from the second block, you can set the variable with register from the first phtml, then you get the value in the 2nd phtml with registry

To do things well without injecting direclty the objectManager in phtml, you have to create some function your product block, so in your block : app/code/Vendor/Modulename/Block/Custom.phpassuming that your variable name is : $tech add the following code:

_coreRegistry = $coreRegistry;
    }

    /**
     * Set var data
     */
    public function setTechData($data)
    {
        $this->_coreRegistry->register('tech', $data);
    }

    /**
     * Get var data
     */
    public function getTechData()
    {
        return $this->_coreRegistry->registry('tech');
    }
}

Then in your First phtml :


setTechData($tech); ?>

Then, in the Second phtml :

getTechData(); ?> //you'll get your tech value here

Besides, you can also do that in phtml to test without the block solution,

First phtml :

create("Magento\Framework\Registry")->register('tech', $tech);
?>

Second phtml :

create("Magento\Framework\Registry")->registry('tech');
echo $techData;
?>

Render a Section in a Partial View – ASP.Net MVC

Max — Sun, 12 Apr 2020 15:34:00 +0000

Let’s start with the following configuration to give an example: in a MVC project, you have a “_Layout.vbhtml” file with this code



  
  
  
	
    
    @RenderSection("Scripts", false)

Then, you have a Partial View “ValidationScripts.vbhtml” in the Shared folder with

@Section Scripts
    
    
      
          
End Section

If you call the Partial View from a View like this…

@ModelType MvcExample.MyModel
@Code
    ViewData("Title") = "Test"
End Code

@Html.Partial("ValidationScripts")

Just a Test

However the Section “Scripts” is not rendered on the page, and the output HTML will be…

Solution

To render the Section in the Partial View, you need to create a couple of Extension methods like this:

public static class HtmlHelperExtensions
{
  private const string _jSViewDataName = "RenderJavaScript";
  private const string _styleViewDataName = "RenderStyle";

  public static void AddJavaScript(this HtmlHelper htmlHelper, 
                                   string scriptURL)
  {
    List scriptList = htmlHelper.ViewContext.HttpContext
      .Items[HtmlHelperExtensions._jSViewDataName] as List;
    if (scriptList != null)
    {
      if (!scriptList.Contains(scriptURL))
      {
        scriptList.Add(scriptURL);
      }
    }
    else
    {
      scriptList = new List();
      scriptList.Add(scriptURL);
      htmlHelper.ViewContext.HttpContext
        .Items.Add(HtmlHelperExtensions._jSViewDataName, scriptList);
    }
  }

  public static MvcHtmlString RenderJavaScripts(this HtmlHelper HtmlHelper)
  {
    StringBuilder result = new StringBuilder();

    List scriptList = HtmlHelper.ViewContext.HttpContext
      .Items[HtmlHelperExtensions._jSViewDataName] as List;
    if (scriptList != null)
    {
      foreach (string script in scriptList)
      {
        result.AppendLine(string.Format(
          "", 
          script));
      }
    }

    return MvcHtmlString.Create(result.ToString());
  }

  public static void AddStyle(this HtmlHelper htmlHelper, string styleURL)
  {
    List styleList = htmlHelper.ViewContext.HttpContext
      .Items[HtmlHelperExtensions._styleViewDataName] as List;

   if (styleList != null)
   {
     if (!styleList.Contains(styleURL))
     {
       styleList.Add(styleURL);
     }
   }
   else
   {
     styleList = new List();
     styleList.Add(styleURL);
     htmlHelper.ViewContext.HttpContext
       .Items.Add(HtmlHelperExtensions._styleViewDataName, styleList);
   }
 }

 public static MvcHtmlString RenderStyles(this HtmlHelper htmlHelper)
 {
   StringBuilder result = new StringBuilder();

   List styleList = htmlHelper.ViewContext.HttpContext
     .Items[HtmlHelperExtensions._styleViewDataName] as List;

   if (styleList != null)
   {
     foreach (string script in styleList)
     {
       result.AppendLine(string.Format(
         "", 
         script));
     }
   }

  return MvcHtmlString.Create(result.ToString());
  }
}

So, on any View or Partial View or Display/Edit Template you simply add what you need:

@{
  Html.AddJavaScript("http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js");
}

Then, in your Layouts you render it where you want it! Like this markup…



  
  @Html.RenderStyles()
  @Html.RenderJavascripts()

Bootstrap 4 – How to get button groups that span the full width of a parent

Max — Mon, 06 Apr 2020 16:08:22 +0000

In Bootstrap 4, we can get a button group like the following

that span the full width of a parent element (like with the “.btn-block” class, but applied to a group http://getbootstrap.com/css/#buttons-sizes )

The solution is just using

as a wrapper around elements with .w-100

This is the correct markup: