Skip to content

Instantly share code, notes, and snippets.

@liketaurus

liketaurus/iframe_part.html

Created March 15, 2016 11:06
Show Gist options
  • Save liketaurus/6bbd04ee15cf156313c1 to your computer and use it in GitHub Desktop.
Save liketaurus/6bbd04ee15cf156313c1 to your computer and use it in GitHub Desktop.
Download ZIP
How to embed in iframe just one part of web page based on id or location
Raw
iframe_part.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Comm</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Комунальні служби Полтави</h1>
<div class="panel panel-default">
<div class="panel-heading">
Полтаваобленерго
<a href="http://www.poe.pl.ua/abon/vhod">www.poe.pl.ua</a>
</div>
<div class="panel-body">
<iframe style="width: 475px;height: 446px; border: 0;" scrolling="no" src="http://www.poe.pl.ua/abon/#login-container"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
Полтавагаз
<a href="http://poltavagaz.com.ua/cabinet/">poltavagaz.com.ua</a>
</div>
<div class="panel-body">
<iframe style="width: 304px;height: 267.5px; border: 0;" scrolling="no" src="http://poltavagaz.com.ua/cabinet/#formID"></iframe>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Полтававодоканал <a href="http://www.vodokanal.pl.ua/">www.vodokanal.pl.ua</a></div>
<div class="panel-body">
<!--See details here: http://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html-->
<div style="border: 0px; overflow: hidden; max-width: 248px;">
<iframe scrolling="no" src="http://www.vodokanal.pl.ua/" style="border: 0px none; margin-left: -5px; height: 605px; margin-top: -275px; ">
</iframe>
</div>
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment