The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Script not working in iFrame.
P6tu
post Mar 18 2017, 08:22 AM
Post #1





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



Hello,

So I've figured out a lot on my own and by googleing, but now I'm at a point, where I can't even find an answer from Google.
I've built this page from scratch over the years and I've been improving it step by step. This is the page I'm talking about:
Classic Rent
So I'm trying to move all my active information in the center column also to an iFrame. I haven't had any issues with iframes and scripts so far, but now I can't seem to be activating them all.
Test page
As you can see, then compared to the homepage, then the slideshow isn't working on the test page iFrame. Why is that?

And maybe there are people here, who could say, is it possible to change two different iFrames with a single navigation? Currently when browsing my webpage, then the heading changes the title accordingly. When I move my information from the center column to an iFrame, then I do not know, how would I be able to change the heading also, when navigating to a new page (new iFrame) from the left menu.

With best regards,
P6tu
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 18 2017, 08:42 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



It seems all content is written by JS. How is this an improvement? Without JS one gets nothing. I'd say this is the wrong way to go.

I can't untangle all the scripts and jQuery, but my guess is the slide show script targets the main page, not the framed page. If that's the case, the easiest would be to put the slide show script in the framed page. Let JS write the script tag too.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 08:56 AM
Post #3





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



How likely would that be, that someone does not have JS enabled? I've never concidered that as an option.
Regarding the script targeting main page - thank you for the hint. That was the issue.

This post has been edited by P6tu: Mar 18 2017, 09:14 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 18 2017, 10:21 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Do you consider search engines?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 10:48 AM
Post #5





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



Search engines can get data from iFrames - or can't they?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 18 2017, 11:39 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



They can. But the framed page will be orphaned. The search results will lead to the framed page, not the main page. That's normal IFRAMES. I don't know with a JS generated one.

SEs do read JS to some extent now, but I don't think they'll index JS generated text, so the bulk of your content is probably lost when it comes to SEs.

Why do you use JS so extensively? And why the IFRAME? Serious question, I'm curious. What's the advantage? I see only disadvantages...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Mar 18 2017, 01:01 PM
Post #7


.
********

Group: WDG Moderators
Posts: 9,628
Joined: 10-August 06
Member No.: 7



Another problem with all the javascript is that it adds complexity. The browser's developer tools help a little, but in order to validate the HTML you must first generate it with the scripts, then copy and paste it manually into http://validator.w3.org/#validate-by-input

One error I noticed right away is using multiple META charset and TITLE elements in the BODY section:

CODE

<!DOCTYPE html>
<html lang="et-ee"><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<meta name="theme-color" content="#515151">
<meta content="CcRhuUybNjrwA2VZPpxcyAwcQmqefD3ifbfktwD65a4" name="google-site-verification">
<meta name="description" content="Classic Rent OÜ - klassikalise, uunikumi, pulmaauto, ameerika auto rent juhiga.">
<title>Classic Rent OÜ - klassikalise, uunikumi, pulmaauto, ameerika auto rent juhiga.</title>
<link href="test.css" type="text/css" rel="stylesheet">
<link href="favicon.ico" type="image/png" rel="icon">
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 1210px), only screen and (max-device-width: 1210px)" href="tabstiil.css">
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 720px), only screen and (max-device-width: 720px)" href="mobstiil.css">
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 420px), only screen and (max-device-width: 420px)" href="minstiil.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6" id="facebook-jssdk"></script><script src="http://www.google-analytics.com/ga.js" async="" type="text/javascript"></script><script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-42281131-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="scripts3.js"></script>
<meta content="Roland Kork" name="author">
<div id="header">
<h1>Classic Rent</h1>
</div>
<div id="main">
<div id="vtulp">
<div id="vasak">
<h3>Tere !</h3>
<div id="Autolist">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Autolist</title>


<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<a target="_parent" href="../index" title="Avaleht">Avaleht</a><br>
<a target="_parent" href="../autod" title="Autod">Autod</a><br>
<list><a target="_parent" href="../Corvette" title="Chevrolet Corvette">Chevrolet Corvette 80'</a><br>
<a target="_parent" href="../Buick" title="Buick Super Riviera">Buick Super Riviera 58'</a><br>
<a target="_parent" href="../Roadrunner" title="Plymouth Road Runner">Plymouth Road Runner 72'</a><br>
<a target="_parent" href="../Fairlane" title="Ford Fairlane 500">Ford Fairlane 500 63'</a><br>
<a target="_parent" href="../Buick2" title="Buick Special">Buick Special 58'</a><br>
<a target="_parent" href="../Charger" title="Dodge Charger">Dodge Charger 74'</a><br>
<a target="_parent" href="../Camaro" title="Chevrolet Camaro">Chevrolet Camaro LT 73'</a><br>
<a target="_parent" href="../Cadillac" title="Cadillac Series 6200">Cadillac Series 6200 59'</a></list><br>
<a target="_parent" href="../Tingimused" title="Tingimused">Tingimused</a><br>
<a target="_parent" href="../kontakt" title="Kontakt">Kontakt</a><br>
<a target="_parent" href="../Galerii.html" title="Üritused">Üritused</a><br>
<a target="_blank" href="https://www.facebook.com/ClassicRentEE" title="Facebook">Facebook</a>
<div id="Facebook" class="fb-like" data-href="https://www.facebook.com/ClassicRentEE" data-width="165" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
</div>
</div>
<div id="vasak">
<div id="kont">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">


<title>kiirkont</title>


<div id="ikodtel"> </div>
<div id="sisu"><a href="tel:+37256711841">+372 56711841</a></div>
<div id="ikodmail"> </div>
<div id="sisu"><a href="mailto:info@classicrent.eu" title="info@classicrent.eu">info@classicrent.eu</a></div>
</div>
</div>
<div id="vasak">
<h3>Teadaanded:</h3>
<div id="Teadaanded">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">

<title>Teadanded</title>

Hooaeg on läbi, kuid järgmiseks aastaks broneerida saab ikka. Soovitame seda teha aegsasti, et tagada Teile sobiliku auto saadavus.</div>
</div>
</div>
<div id="minlist">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Autolist</title>


<ul>
<li><a target="_parent" href="index" title="Avaleht">Avaleht</a></li>
<li><a target="_parent" href="autod" title="Autod">Autod</a></li>
<li id="lang"><a id="lang" href="index_fi">
<div title="Suomeksi" id="ikodfin"> </div></a><br></li>
<li><a target="_parent" href="Tingimused" title="Tingimused">Tingimused</a></li>
<li><a target="_parent" href="kontakt" title="Kontakt">Kontakt</a></li>
<li id="lang"><a id="lang" href="index_en">
<div title="In English" id="ikodeng"> </div></a><br></li>
</ul>
</div>
<div id="moblist">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Autolist</title>


<ul>
<li><a target="_parent" href="index" title="Avaleht">Avaleht</a></li>
<li><a target="_parent" href="autod" title="Autod">Autod</a></li>
<li><a target="_parent" href="Tingimused" title="Tingimused">Tingimused</a></li>
<li><a target="_parent" href="kontakt" title="Kontakt">Kontakt</a></li>
<li id="lang"><a id="lang" href="index_fi">
<div title="Suomeksi" id="ikodfin"> </div></a><br></li>
<li id="lang"><a id="lang" href="index_en">
<div title="In English" id="ikodeng"> </div></a><br></li>
</ul>
</div>
<div id="tablist">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">


<title>Autolist</title>


<ul>
<li><a target="_parent" href="index" title="Avaleht">Avaleht</a></li>
<li><a target="_parent" href="autod" title="Autod">Autod</a></li>
<li><a target="_parent" href="Tingimused" title="Tingimused">Tingimused</a></li>
<li><a target="_parent" href="kontakt" title="Kontakt">Kontakt</a></li>
<li id="lang"><a id="lang" href="index_fi">
<div title="Suomeksi" id="ikodfin"> </div></a></li>
<li id="lang"><a id="lang" href="index_en">
<div title="In English" id="ikodeng"> </div></a></li>
</ul>
</div>
<div id="ktulp">
<div id="index">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">

<title>Classic Rent</title>

<script type="text/javascript" src="scripts2.js"></script>

<div id="kesk">
<div style="overflow: hidden;" id="slideshow">
<ul id="nav">
<li id="prev"><a href="http://www.classicrent.eu/index.html#">Previous</a></li>
<li id="next"><a href="http://www.classicrent.eu/index.html#">Next</a></li>
</ul>
<ul style="position: relative; width: 149px; height: 32px;" id="slides">
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 23; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/000.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 23; opacity: 0; width: 147.4px; height: 30.4px;"><img alt="Classic Rent" src="images/Slaid/025.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: block; z-index: 24; opacity: 1; width: 147.4px; height: 30.4px;"><img alt="Classic Rent" src="images/Slaid/001.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 20; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/002.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 19; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/003.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 18; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/005.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 17; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/023.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 16; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/026.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 15; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/004.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 14; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/006.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 13; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/007.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 12; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/008.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 11; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/009.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 10; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/010.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 9; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/027.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 8; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/011.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 7; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/012.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 6; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/013.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/014.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/024.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/028.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/015.jpg" height="369" width="770"></li>
<li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;"><img alt="Classic Rent" src="images/Slaid/016.jpg" height="369" width="770"></li>
</ul>
</div>
</div>
<a href="Buick" title="Buick Super Riviera 1958">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Buick/Buick_11m.jpg" title="Buick Super Riviera 1958" width="250"></div>
<div id="hind">100€/h*</div>
<div id="mininf">
<h2>Buick Super Riviera 1958 a.</h2>
Ajas tagasi 50-ndate Ameerikasse - luksust, glamuuri ja sära mis oli sellele ajastule omane saab tunnetada ka veetes aega selle auto väga avaral diivanil. Buick Super sobib ideaalselt pulmaautoks, foto- ja filmivõteteks, esindussõitudeks. Meeleldi aitame kaasa ka sünnipäevaüllatuste ja tüdrukuteõhtute läbiviimisel ning külaliste vastuvõtmisel. Meeleolu autos loovad antud ajastu parimad palad.<br>
<br>
Autos on 5 kohta + autojuht.<br>
<br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a> <a href="Corvette" title="Chevrolet Corvette 1980">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Corvette/Corvette_5m.jpg" title="Chevrolet Corvette 1980" width="250"></div>
<div id="hind">100€/h*</div>
<div id="mininf">
<h2>Chevrolet Corvette 1980 a.</h2>
Lahtine katus, klapptuled, mahe mootori hääl - just selline on ikooniline ja klassikaline Ameerika sportauto.<br>
Soovitame pildistamistele, filmivõtetele, üllatussõitudeks.<br>
<br>
Autos on 1 koht + autojuht.<br>
<br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a> <a href="Roadrunner" title="Plymouth Road Runner 1972">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Plymouth/Roadrunner_1m.jpg" title="Plymouth Road Runner 440 Six Pack 1972" width="250"></div>
<div id="hind">100€/h*</div>
<div id="mininf">
<h2>Plymouth Road Runner 1972 a.</h2>
Rariteetne ning pilkupüüdev muskelauto, mis on oma ilu ja võimsust ka mitmetel näitustel ning võistlustel näidanud. Sobib eriti hästi fotosessioonideks, filmivõteteks, poissmeeste kui ka tüdrukuteõhtu tähistamiseks või lihtsalt muskelauto austaja üllatamiseks. Tegemist on väga võimsa ja erilise autoga, millega on meeldejäävad elamused garanteeritud.<br>
<br>
Autos on 4 kohta + autojuht.<br>
<br>
<span style="font-weight: bold;">*Esimene tund on 150€! Kui autot on vaid pildistamiseks vaja, siis on tasu kokkuleppel.</span></div>
</div>
</a> <a href="Dodge" title="Dodge Custom 880 1963">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Dodge/Dodge_1m.jpg" title="Dodge Custom 880 1963" width="250"></div>
<div id="hind">90€/h*</div>
<div id="mininf">
<h2>Dodge Custom 880 1963 a.</h2>
Parajalt edev uunikum oma kaunis pitstehnikas värvitud detailidega ning samas ka piisavalt elegantne ja tagasihoidlik. Dodge Custom sobib ühtemoodi hästi nii esindussõitudeks, külaliste vastuvõtuks, pulmadeks, sünnipäevadeks, teemaüritusteks kui ka lihtsalt teatrisse minekuks.<br>
<br>
Autos on 5 kohta + autojuht.<br>
<br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a> <a href="Fairlane" title="Ford Fairlane 500 1963">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Fairlane/Fairlane_3m.jpg" title="Fairlane 500 1963" width="250"></div>
<div id="hind">80€/h*</div>
<div id="mininf">
<h2>Ford Fairlane 500 1963 a.</h2>
Elurõõmus autojuht, mõnusa müdinaga mootor ning vahva retromuusika - hea valik nii sõpradega linnatänavatel kruiisimiseks, peole minekuks kui ka esinduslikumaks sõiduks.<br>
<br>
Autos on 5 kohta + autojuht.<br>
<br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a> <a href="Buick2" title="Buick Special 1958">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Buick2/Buick_2m.jpg" title="Buick Special 1958" width="250"></div>
<div id="hind">100€/h**</div>
<div id="mininf">
<h2>Buick Special 1958 a.</h2>
Buick Special esindab taas 50-ndate suursugust stiili.<br>
Tegemist on autoga mille kroomdetailid on nii läikima poleeritud, et neilt on näha terav peegelpilt ümbritsevast.<br>
<br>
Autos on 5 kohta + autojuht.<br>
<br>
<span style="font-weight: bold;">*Esimese tunni tasu on 300€!</span><br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a> <a href="Charger" title="Dodge Charger 1974">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Charger/Charger_01m.jpg" title="Dodge Charger 1974" width="250"></div>
<div id="hind">80€/h*</div>
<div id="mininf">
<h2>Dodge Charger 1974 a.</h2>
Üks tuntumaid muskelautosi. Autole kohaselt on kuri hääl ja äkiline minek. Kui auto välimus hirmu ei tekita, siis sisse istudes saab igal juhul aru, mis toimus 70-ndate hilisõhtustel sirgetel teedel ja ristmikel.<br>
<br>
Autos on 5 kohta + autojuht.<br>
<br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a>
<a href="Camaro" title="Chevrolet Camaro LT 1973">
<div id="keskinf">
<div id="minipilt"><img height:="120" src="images/Camaro/Camaro_01m.jpg" title="Chevrolet Camaro LT 1973" width="250"></div>
<div id="hind">100€/h**</div>
<div id="mininf">
<h2>Chevrolet Camaro LT 1973 a.</h2>
Meeletu võimsus mis pesitseb antud auto kapoti all, ei jää juhi poolt kindlasti peidetuks. Ega sellel autol pole ilma asjata nõnda laiad rehvid taga. Kui on soovi teha kellelegi adrenaliini rikas elamus kingituseks või üllatuseks, siis selle autoga saab see igal juhul tehtud.<br>
<br>
Autos on 3 kohta + autojuht.<br>
<br>
<span style="font-weight: bold;">*Esimese tunni tasu on 150€!</span><br>
*Täpsem hinnapakkumine ligikaudse marsruudi ning rendiaja põhjal.</div>
</div>
</a>
</div>
</div>
<div id="ptulp">
<div id="parem"> <a href="index_fi">
<div title="Suomeksi" id="ikodfin"> </div>
</a> <a href="index_en">
<div title="In English" id="ikodeng"> </div>
</a> </div>
<div id="parem">
<h3>Partnerid:</h3>
<div id="Partnerid">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">


<a href="http://www.contaro.ee/" target="_blank" title="Contaro OÜ">Contaro OÜ - autode rent</a><br>
<a href="http://endlatalu.ee/" target="_blank" title="Endla Talu">Endla Talu - majutus, saun</a><br>
<a href="http://www.luxlimu.ee/" target="_blank" title="Luxlimu">Luxlimu - limusiinid</a><br>
<a href="http://bigroom.eu/" target="_blank" title="Big Room">Big Room - peod, üritused</a><br>
<a href="http://www.vilgolilled.haljassaare.ee/" target="_blank" title="Vilgo Lilled">Vilgo Lilled - lille-, pulmaseaded</a>
</div>
</div>
<div id="parem">
<h3 style="margin-bottom:7px;">Reklaam:</h3>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Classic ruut --><ins data-ad-slot="7418638959" data-ad-client="ca-pub-2273690013448187" style="margin:0 0 0 5px; width: 200px; height: 200px;" class="adsbygoogle"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
<div id="Reklaam">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">


<a href="http://www.autodoc.ee/varuosad/cadillac" target="_blank" title="AutoDoc.ee">www.AutoDoc.ee</a>
</div> </div>
</div>
<div id="tabkont">


<meta content="text/html; charset=UTF-8" http-equiv="content-type">

<title>kiirkont</title>


<ul>
<li><a href="tel:+37256711841">+372 56711841</a></li>
<li><a href="mailto:info@classicrent.eu" title="info@classicrent.eu">info@classicrent.eu</a></li>
</ul>
</div>
</div>
<div id="footer"><a href="mailto:info@classicrent.eu">OÜ Classic Rent</a></div>
</body></html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 01:01 PM
Post #8





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



Page/content managment. I want all my pages to look the same, but I also want to be able to change one part of the page. For example the menu. When I want to change something in the menu (add or remove something) then I only need to edit one html page and since the same content is in the same iframe. Now, when I would use the main conten in the iframe, then I'm able to drop the menu and all other stuff from the iframes and I'll only have the main content in iframe.
By the way, how do you use iframes without JS?
PS! The iframe content isn't in JS. The iframe content is regular html:
My Webpage .

This post has been edited by P6tu: Mar 18 2017, 01:03 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 01:06 PM
Post #9





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



Christian, it is from time biggrin.gif. I'm not sure if that affects the speed of the page, but I could have that all within one meta bracket...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 01:21 PM
Post #10





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



To make it simple to all of you - what I want to achieve is, that everythin that is in the red areas, must be same for all pages and I want to be able to change that when needed without the need to change it on every page that I have.
The heading at the top (I'm willing to drop that if it is not possible) and the content in the middle marked with green, is unique to every page.
What would be the reasonable and sane way to achieve that?
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 18 2017, 01:34 PM
Post #11


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE(P6tu @ Mar 18 2017, 07:01 PM) *

Page/content managment. I want all my pages to look the same, but I also want to be able to change one part of the page. For example the menu. When I want to change something in the menu (add or remove something) then I only need to edit one html page and since the same content is in the same iframe. Now, when I would use the main conten in the iframe, then I'm able to drop the menu and all other stuff from the iframes and I'll only have the main content in iframe.


That's understandable. But that's what includes are for. SSI (Sever Side Includes) or for example PHP can be used. And you don't need to learn programming. It's much easier than to handle all the scripts you have there now.
This isn't conclusive, but it gives you a hint about what it takes. Mainly learning a couple of "tags" and understanding how the bits are put together.
http://htmlhelp.com/faq/html/design.html#include-file
It has none of the disadvantages of JS and frames. It has no disadvantages at all. Browsers and SEs are served a complete HTML page, glued together from bits and pieces on the server.

QUOTE

By the way, how do you use iframes without JS?

http://htmlhelp.com/reference/html40/special/iframe.html




User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 03:21 PM
Post #12





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



Hmm, I have done something similar with the iframe in the following page with the videos:
My Webpage .
Problem for me with that is, that I have to describe all the parameters there and it ignores the parent pages style (CSS). How can I bypass that?
Regarding SSI - I got too confused already... Seems a bit too advanced to me biggrin.gif.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 18 2017, 03:44 PM
Post #13


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



You are wrong. It's dead simple. What you are doing is not.

As I said before, I guess your problem is that you have the script in the main page and it (the script) refers to the page it's in. Put it in the framed page. As I said this is a guess. I'm not going to wade through the maze of scripts you have there any time soon. That would be hard work. happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
P6tu
post Mar 18 2017, 05:27 PM
Post #14





Group: Members
Posts: 8
Joined: 18-March 17
Member No.: 26,348



Hello Pandy. Thank you for your help =). I got the script thing worked out already.
I'm just trying to figure out the iframes without the script. For some reason if I use the iframes without the script as shown in your referred webpage, then I can't get the parent pages CSS applied to the page in the iframe.
Anyway, it's been a long day for me too - my head hurts already and I've ran out of good songs in my playlist biggrin.gif.

Every year I improve my page - this year has just begun tongue.gif. I have a lot of time and a lot of things to improve. But one step at a time - good things take time to create =).

Good night for now and thank you!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 19 2017, 12:27 AM
Post #15


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
How likely would that be, that someone does not have JS enabled? I've never concidered that as an option.
FWIW, the first time I view any page, I view it with JavaScript disabled:

https://noscript.net/ (Firefox)
http://www.scriptblock.org/ (Chrome)
http://jsblocker.toggleable.com/ (Safari)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 03:17 AM