Till Startsidan

Skaffa webbhotell?
Läs JavaScript.nu's jämförelse av webbhotell.
Med priser från
9 kr / månad.

Genom ett samarbete får alla JavaScript.nu-
besökare dessutom 100 kr i rabatt vid beställning.


Re: Iframe med Javascript

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]


Forum / Iframe med Javascript
 Bra att det fungerar, men jag tror faktiskt att det är ganska hopplöst att göra något åt blinkningar etc., då det handlar om buggar i webbläsarna.. Möjligen skulle man kunna sänka antalet steg i faden (anropen till fade()), men jag är inte helt säker på att det hjälper.

Angående loggan, vilket logga menar du? :P
Och måste du ha ett flash-intro, så som du postade en länk till? Flash-intron är faktiskt otroligt störande, och tillför faktiskt inget.

Simon

 
Ang fadepagen:

Det verkar som att scriptet blinkar konstant i Safari. Tycker att det går i vårgor i FF också, nu blinkar det till hela tiden...orkar du slänga ett öga på det?

/Erik

 
Du löste det:)

Nu ser det rätt snyggt ut med den transparenta loggan på den grå texturen. Om du har tillfälle någon gång får du gärna testa att gå in på www.demomix.se/demomix/intro.html med en äldre flashversion och ge en synpunkt på hur uppdateringsflödet fungerar.

Tack!
/Erik

 
AV_OETags.js behövs antagligen också.
Men jag tror att funktionaliteten i den är ganska uppenbar, och jag även utan att se koden kan säga saker om den.
Det verkar helt enkelt som att de text-strängar du postade skickas som parametrar till flash-scriptet. Jag _tror_ att det är omöjligt att lägga in t.ex. bakgrundstexturer, men det finns en möjlighet:

Prova att byta ut:

"bgcolor", "#000000"

mot

"wmode", "transparent"

alternativt ta bort raden helt och hållet. Det _kan_ fungera, men om det inte gör det finns det antagligen inget annat att göra (om du inte har möjlighet att ändra i Flash-scriptet - räkna dock inte med något hjälp med det). Du skulle förstås kunna ändra i HTML-kodens bakgrund, om inte annat...

Simon

 
Här är hela koden:

<!-- saved from url=(0013)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Demomix Productions</title>
<script src="AC_OETags.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 10;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body background="texture.jpg">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);


// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasReqestedVersion ) {
// MMdoctitle is the stored document.title value used by the installation process to close the window that started the process
// This is necessary in order to close browser windows that are still utilizing the older version of the player after installation has completed
// DO NOT MODIFY THE FOLLOWING FOUR LINES
// Location visited after installation is complete if installation is required
var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
var MMredirectURL = "http://www.demomix.se";
document.title = document.title.slice(0, 47) + " - Flash Player Installation";
var MMdoctitle = document.title;

AC_FL_RunContent(
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "520px",
"height", "280px",
"align", "middle",
"id", "detectionlogga",
"quality", "high",
"name", "detectionlogga",
"allowScriptAccess","always",
"type", "application/x-shockwave-flash",
"pluginspage", "http://www.adobe.com/go/getflashplayer"

);
} else if (hasReqestedVersion) {
// if we've detected an acceptable version
// embed the Flash Content SWF when all tests are passed
AC_FL_RunContent(
"src", "logga",
"width", "530px",
"height", "250px",
"align", "middle",
"id", "detectionlogga",
"quality", "high",
"bgcolor", "#000000",
"name", "detectionlogga",
"allowScriptAccess","always",
"type", "application/x-shockwave-flash",
'codebase', 'http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab',
"pluginspage", "http://www.adobe.com/go/getflashplayer"


);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Alternate HTML content should be placed here.<BR>'
+ 'This content requires the Adobe Flash Player. '
+ '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
Provide alternate content for browsers that do not support scripting
or for those that have scripting disabled.
Alternate HTML content should be placed here.
This content requires the Adobe Flash Player and a browser with JavaScript enabled.
<a href="http://www.adobe.com/go/getflash/">Get Flash</a>
</noscript>
</body>
</html>


Säg till om du behöver AC_OETags.js.

Fixar en banner ja:)

/Erik


 
Det är tyvärr omöjligt att göra någonting åt, utom med din nuvarande lösning, som skulle kunna fungera (även om du borde använda en banner, som också har samma bakgrundsfärg som gästboken och som inte är helt täckande på bredden eftersom scrollbarer kan variera i storlek).
Jag märkte den inte alls i alla fall först, eftersom jag använder Adblock Plus :)

Koden kan jag inte helt analysera eftersom du faktiskt inte skickat med functionens definition, men det verkar ju helt enkelt vara så att parametrarna skickas till ett flash-script. Detta tror jag tyvärr inte kan ha "transparent" som bakgrundsfärg, men dock går det att lägga till en tagg i HTML-koden som anger transparens. Jag ska se om jag kan återkomma med den exakta koden senare (antagligen skulle det även underlätta om du just postade functionen).

Simon

 
Jag vill dölja googlebannern i gästbokens topp, ska lämna bannern längst ner där det står att den är free, givetvis.

Det kanske går att säga åt sidan i iframen att scrolla ner 100px vid laddning och att detta läge blir nya "default-top" så att det inte går att scrolla tillbaks till toppen.

Om du kollar nu så ligger divet över annonserna, men sidan får ju en sån jätteheader att man kanske borde lägga en bild eller något annat visuellt tillfredställande, om nu inte idén ovan blir bra.


Kan du förresten titta på en del ur en kod som finns i demomix.se/demomix/playerProductInstall.html:

AC_FL_RunContent(
"src", "logga",
"width", "530px",
"height", "250px",
"align", "middle",
"id", "detectionlogga",
"quality", "high",
"bgcolor", "#000000",
"name", "detectionlogga",

hur ändrar jag "bgcolor" till "transparent" eller till en bild? Jag har testat med allt som jag finner logiskt. Dock känner jag inte igen strukturen på koden.

playerProductInstall ligger i en iframe på min introsida demomix.se/demomix/intro.html (som senare kommer att vara startsida för demomix.se) Det är ett flashdetection-kit som känner av vilken version av flash man har och spelar upp ett innehål utifrån det."bgcolor", "#000000" gör att det är en svart fyrkant runt innehållet.

Tack igen.
/Erik


 
Det är väldigt enkelt att få en bakgrund synlig, tilldela helt enkelt ett div height: och width:, och ge den en background:. T.ex.

<div style="position:absolute;top:50px;left:50px;width:100px;height:100px;background-color:blue;"></div>

Vad är det förresten som du ska täcka upp? Om det är bannern längst ner är det antagligen emot reglerna att gömma den. Dessutom tror jag det är omöjligt att lägga ett div så att det scrollar med scrollningen av en annan iframe, iaf. om du iframen ligger oåtkomlig på en annan server.
Om du däremot vill lägga ett div fixed över något vid just den sidans scrollning går det med antingen position:fixed för det positionerade elementet (istället för t.ex. position:absolute;, och för IE6 måste du antagligen inkludera ie7.js - http://code.google.com/p/ie7-js/), eller så kan du lägga hela sidan i ett div med height:100%; width:100%; overflow:scroll;, och utanför divet lägga den fixed-positionerade saken med position:absolute;.

Simon

 
Hej!

Vi hade ju problem tidigare med en osynlig <div>. Men nu skulle jag behöva en synlig sådan för att täcka upp lite fula länkar som kommer med gästboken. <div style="background-image:" osv...

Hur får man bakgrunden synlig?

Följdfråga som jag troligtvis kommer att ställa efter att detta är löst: hur positionerar man diven så att den följer med sidan när man scrollar och således alltid befinner sig över samma del av sidan?

/Erik

 
Det verkar vara ett stort osynligt div som hamnat på startsidan. Hur det kan ha hamnat där har jag inte en aning om. Jag skyller på iWeb. :)

Hursomhelst, en till lista på ändringar:


* Där koden:

<div style="height: 46px; width: 46px; height: 46px; left: 835px; position: absolute; top: 619px; width: 46px; z-index: 1;>
<div style="position: relative; width: 46px; ">
<img src="start_files/shapeimage_1.png" alt="" width="22" style="height: 46px; left: 7px; position: absolute; top: -1px; width: 46px;" />
</div>
</div>

ligger, ändra & l t ; till <, och & g t ; till > (mellanslag för att undvika buggar i forumet...), alternativt ta bort koden. Som det är just nu tolkas koden fel i FF pga. buggen, även om jag faktiskt inte ser några riktiga fel med det.

* Ta bort

<div style="height: 800px; left: 1px; position: absolute; top: 10px; width: 900px; z-index: 1;">
<div style="background-color:#F00">
</div></div>


(divet som lägger sig ovanför).

* Ta bort

<meta name="Generator" content="iWeb 2.0.4" />
<meta name="iWeb-Build" content="local-build-20090323" />

av ingen annan anledning än att vara sur på iWeb.

* Ta bort

onload="onPageLoad();" onunload="onPageUnload();"

från <body>-taggen.


Scrollbaren som hamnar ovanför footern är troligen väldigt komplicerad att göra (det verkar vara omöjligt att skapa med vanlig CSS). Det bästa är antagligen helt enkelt att lägga footern utanför iframen, precis nedanför. Det har också fördelen (?) att hörnet inte försvinner i faden.

Simon

 
Hmm, kan du berätta varför inforutans innehåll helt plötsligt blivit blockerat, man kan inte klicka eller scrolla, som att det ligger en osynlig vägg för iframen!

/Erik


 
Såja! Nu verkar allt fungera bra. Har sållat bort alla widget-csskoder och lite annat. Footern kom fram när jag ändrade body id till overflow:visible, vet inte om det var bästa lösningen men det fungerar.

Nu äntligen var min "lilla fråga" löst.

Men hur gör jag med scrollen? Jag vill bara att scrollbaren ska sluta högre upp, innan hörnet kommer.

Mille grazie.

/Erik

 
Ditt färgval på subsidorna verkar konstigt.
color: är satt till ungefär svart, medans background-color: också är det. Din bakgrundstextur verkar inte ens finnas.
Detta gör att jag gissar att faden fortfarande är aktiv, den syns bara inte pga. den saknade texturen... Ändra detta!
Dessutom verkar din footer konstig. Jag ser inte hela texten. Det skulle kunna bero på att font-inställningar tas ifrån någon annan del på sidan, vilket inte var fallet när den låg i en iframe. Se om du kan ändra CSS för den och få det att fungera.

Simon

 
Hej! Tack för att du tog dig tid.

Har gjort alla ändringar, vissa var ju väldigt uppenbara(*doink*).

Verkar som det är kvar lite justeringar, eller så har jag missat något.

jquery ligger numera i demomix.se/demomix/jquery. Har ändrat sökväg på subsidorna.

Tack för hjälpen Simon!
/Erik

 [förkortat för längd]



Postat av Simon (85.224.35.7) den 02 April, 2009 kl 14:57:47.
Som svar på: Re: Iframe med Javascript postat av Erik den 01 April, 2009 kl 20:07:04.


Svar på inlägget:


Posta ett svar:

Namn:
E-Mail:
Rubrik:
Meddelande:
Ja tack, maila mig om andra svarar på detta inlägg.
Ja tack, maila mig om andra svarar på mitt inlägg.


[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]






Copyright © Omid Rouhani 1997-2022; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]