Lightbox problem

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Lightbox problem

Δημοσίευση από manolism » 09 Δεκ 2008 11:07

Χρησιμοποιώ το lightbox και έχω το εξής πρόβλημα.

Έχω στο header ένα flash και το lightbox που ανοίγει μου το δείχνει κάτω από το flash.

Αυτό συμβαίνει μόνο στον Firefox στον Opera και Chrome. Στον ΙΕ6 δουλεύει κανονικά.

Καμμία βοήθεια;
Συνημμένα
firefox.jpg
ie.jpg

Άβαταρ μέλους
PixelDog
Δημοσιεύσεις: 435
Εγγραφή: 16 Σεπ 2008 17:19

Lightbox problem

Δημοσίευση από PixelDog » 09 Δεκ 2008 11:53

δοκιμασες με z-index :-?
I Hate My Notepad

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Lightbox problem

Δημοσίευση από manolism » 09 Δεκ 2008 12:19

Δοκίμασα και με το z-index του div που περιέχει το banner αλλά και με το z-index που βρίσκεται μέσα στο css του lightbox και δεν γίνεται τίποτα.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Lightbox problem

Δημοσίευση από fafos » 09 Δεκ 2008 13:45

ston embed flash kodika vazeis wmode=transparent

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Lightbox problem

Δημοσίευση από manolism » 09 Δεκ 2008 14:10

Ο κώδικας για το flash είναι αυτός
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shoc ... ges/banner' ); //end AC code
</script>

<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shoc ... n=9,0,28,0" width="497" height="164">

<param name="movie" value="images/banner.swf" />

<param name="quality" value="high" />

<embed src="images/banner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download ... kwaveFlash" type="application/x-shockwave-flash" width="497" height="164" wmode="transparent"></embed>
</object>
</noscript>
Το έβαλα και χωρίς εισαγωγικά αλλά δεν κάνει τίποτα

Επίσης λειτουργέι κανονικά και στον IE7

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Lightbox problem

Δημοσίευση από fafos » 09 Δεκ 2008 14:16

vale kai to param:

<param name="wmode" value="transparent">

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Lightbox problem

Δημοσίευση από fafos » 09 Δεκ 2008 14:22

an den doulepsei kai me auto xrhsimopoihse auto: wmode="opaque"

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Lightbox problem

Δημοσίευση από manolism » 09 Δεκ 2008 14:37

Το έβαλα και αυτό.

Μόνο του αλλά και μαζί με το άλλο.

Ακόμα τίποτα το ρημάδι :evil:

Βλέπω αυτό αλλά δεν μπορώ να καταλάβω που είναι ο κώδικας για το flash αρχείο

Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Lightbox problem

Δημοσίευση από manolism » 09 Δεκ 2008 14:44

Ok δούλεψε!!!

Θέλει ένα js αρχείο με το παρακάτω περιεχόμενο.

Κώδικας: Επιλογή όλων

/**
 * SWFObject v1.4.4&#58; Flash Player detection and embed - http&#58;//blog.deconcept.com/swfobject/
 *
 * SWFObject is &#40;c&#41; 2006 Geoff Stearns and is released under the MIT License&#58;
 * http&#58;//www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if&#40;typeof deconcept=="undefined"&#41;&#123;var deconcept=new Object&#40;&#41;;&#125;
if&#40;typeof deconcept.util=="undefined"&#41;&#123;deconcept.util=new Object&#40;&#41;;&#125;
if&#40;typeof deconcept.SWFObjectUtil=="undefined"&#41;&#123;deconcept.SWFObjectUtil=new Object&#40;&#41;;&#125;
deconcept.SWFObject=function&#40;_1,id,w,h,_5,c,_7,_8,_9,_a,_b&#41;&#123;if&#40;!document.getElementById&#41;&#123;return;&#125;
this.DETECT_KEY=_b?_b&#58;"detectflash";
this.skipDetect=deconcept.util.getRequestParameter&#40;this.DETECT_KEY&#41;;
this.params=new Object&#40;&#41;;
this.variables=new Object&#40;&#41;;
this.attributes=new Array&#40;&#41;;
if&#40;_1&#41;&#123;this.setAttribute&#40;"swf",_1&#41;;&#125;
if&#40;id&#41;&#123;this.setAttribute&#40;"id",id&#41;;&#125;
if&#40;w&#41;&#123;this.setAttribute&#40;"width",w&#41;;&#125;
if&#40;h&#41;&#123;this.setAttribute&#40;"height",h&#41;;&#125;
if&#40;_5&#41;&#123;this.setAttribute&#40;"version",new deconcept.PlayerVersion&#40;_5.toString&#40;&#41;.split&#40;"."&#41;&#41;&#41;;&#125;
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion&#40;&#41;;
if&#40;c&#41;&#123;this.addParam&#40;"bgcolor",c&#41;;&#125;
var q=_8?_8&#58;"high";
this.addParam&#40;"quality",q&#41;;
this.setAttribute&#40;"useExpressInstall",_7&#41;;
this.setAttribute&#40;"doExpressInstall",false&#41;;
var _d=&#40;_9&#41;?_9&#58;window.location;
this.setAttribute&#40;"xiRedirectUrl",_d&#41;;
this.setAttribute&#40;"redirectUrl",""&#41;;
if&#40;_a&#41;&#123;this.setAttribute&#40;"redirectUrl",_a&#41;;&#125;&#125;;
deconcept.SWFObject.prototype=&#123;setAttribute&#58;function&#40;_e,_f&#41;&#123;
this.attributes&#91;_e&#93;=_f;
&#125;,getAttribute&#58;function&#40;_10&#41;&#123;
return this.attributes&#91;_10&#93;;
&#125;,addParam&#58;function&#40;_11,_12&#41;&#123;
this.params&#91;_11&#93;=_12;
&#125;,getParams&#58;function&#40;&#41;&#123;
return this.params;
&#125;,addVariable&#58;function&#40;_13,_14&#41;&#123;
this.variables&#91;_13&#93;=_14;
&#125;,getVariable&#58;function&#40;_15&#41;&#123;
return this.variables&#91;_15&#93;;
&#125;,getVariables&#58;function&#40;&#41;&#123;
return this.variables;
&#125;,getVariablePairs&#58;function&#40;&#41;&#123;
var _16=new Array&#40;&#41;;
var key;
var _18=this.getVariables&#40;&#41;;
for&#40;key in _18&#41;&#123;_16.push&#40;key+"="+_18&#91;key&#93;&#41;;&#125;
return _16;&#125;,getSWFHTML&#58;function&#40;&#41;&#123;var _19="";
if&#40;navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length&#41;&#123;
if&#40;this.getAttribute&#40;"doExpressInstall"&#41;&#41;&#123;
this.addVariable&#40;"MMplayerType","PlugIn"&#41;;&#125;
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute&#40;"swf"&#41;+"\" width=\""+this.getAttribute&#40;"width"&#41;+"\" height=\""+this.getAttribute&#40;"height"&#41;+"\"";
_19+=" id=\""+this.getAttribute&#40;"id"&#41;+"\" name=\""+this.getAttribute&#40;"id"&#41;+"\" ";
var _1a=this.getParams&#40;&#41;;
for&#40;var key in _1a&#41;&#123;_19+=&#91;key&#93;+"=\""+_1a&#91;key&#93;+"\" ";&#125;
var _1c=this.getVariablePairs&#40;&#41;.join&#40;"&"&#41;;
if&#40;_1c.length>0&#41;&#123;_19+="flashvars=\""+_1c+"\"";&#125;_19+="/>";
&#125;else&#123;if&#40;this.getAttribute&#40;"doExpressInstall"&#41;&#41;&#123;this.addVariable&#40;"MMplayerType","ActiveX"&#41;;&#125;
_19="<object id=\""+this.getAttribute&#40;"id"&#41;+"\" classid=\"clsid&#58;D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute&#40;"width"&#41;+"\" height=\""+this.getAttribute&#40;"height"&#41;+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute&#40;"swf"&#41;+"\" />";
var _1d=this.getParams&#40;&#41;;
for&#40;var key in _1d&#41;&#123;_19+="<param name=\""+key+"\" value=\""+_1d&#91;key&#93;+"\" />";&#125;
var _1f=this.getVariablePairs&#40;&#41;.join&#40;"&"&#41;;
if&#40;_1f.length>0&#41;&#123;_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";&#125;_19+="</object>";&#125;
return _19;
&#125;,write&#58;function&#40;_20&#41;&#123;
if&#40;this.getAttribute&#40;"useExpressInstall"&#41;&#41;&#123;
var _21=new deconcept.PlayerVersion&#40;&#91;6,0,65&#93;&#41;;
if&#40;this.installedVer.versionIsValid&#40;_21&#41;&&!this.installedVer.versionIsValid&#40;this.getAttribute&#40;"version"&#41;&#41;&#41;&#123;
this.setAttribute&#40;"doExpressInstall",true&#41;;
this.addVariable&#40;"MMredirectURL",escape&#40;this.getAttribute&#40;"xiRedirectUrl"&#41;&#41;&#41;;
document.title=document.title.slice&#40;0,47&#41;+" - Flash Player Installation";
this.addVariable&#40;"MMdoctitle",document.title&#41;;&#125;&#125;
if&#40;this.skipDetect||this.getAttribute&#40;"doExpressInstall"&#41;||this.installedVer.versionIsValid&#40;this.getAttribute&#40;"version"&#41;&#41;&#41;&#123;
var n=&#40;typeof _20=="string"&#41;?document.getElementById&#40;_20&#41;&#58;_20;
n.innerHTML=this.getSWFHTML&#40;&#41;;return true;
&#125;else&#123;if&#40;this.getAttribute&#40;"redirectUrl"&#41;!=""&#41;&#123;document.location.replace&#40;this.getAttribute&#40;"redirectUrl"&#41;&#41;;&#125;&#125;
return false;&#125;&#125;;
deconcept.SWFObjectUtil.getPlayerVersion=function&#40;&#41;&#123;
var _23=new deconcept.PlayerVersion&#40;&#91;0,0,0&#93;&#41;;
if&#40;navigator.plugins&&navigator.mimeTypes.length&#41;&#123;
var x=navigator.plugins&#91;"Shockwave Flash"&#93;;
if&#40;x&&x.description&#41;&#123;_23=new deconcept.PlayerVersion&#40;x.description.replace&#40;/&#40;&#91;a-zA-Z&#93;|\s&#41;+/,""&#41;.replace&#40;/&#40;\s+r|\s+b&#91;0-9&#93;+&#41;/,"."&#41;.split&#40;"."&#41;&#41;;&#125;
&#125;else&#123;try&#123;var axo=new ActiveXObject&#40;"ShockwaveFlash.ShockwaveFlash.7"&#41;;&#125;
catch&#40;e&#41;&#123;try&#123;var axo=new ActiveXObject&#40;"ShockwaveFlash.ShockwaveFlash.6"&#41;;
_23=new deconcept.PlayerVersion&#40;&#91;6,0,21&#93;&#41;;axo.AllowScriptAccess="always";&#125;
catch&#40;e&#41;&#123;if&#40;_23.major==6&#41;&#123;return _23;&#125;&#125;try&#123;axo=new ActiveXObject&#40;"ShockwaveFlash.ShockwaveFlash"&#41;;&#125;
catch&#40;e&#41;&#123;&#125;&#125;if&#40;axo!=null&#41;&#123;_23=new deconcept.PlayerVersion&#40;axo.GetVariable&#40;"$version"&#41;.split&#40;" "&#41;&#91;1&#93;.split&#40;","&#41;&#41;;&#125;&#125;
return _23;&#125;;
deconcept.PlayerVersion=function&#40;_27&#41;&#123;
this.major=_27&#91;0&#93;!=null?parseInt&#40;_27&#91;0&#93;&#41;&#58;0;
this.minor=_27&#91;1&#93;!=null?parseInt&#40;_27&#91;1&#93;&#41;&#58;0;
this.rev=_27&#91;2&#93;!=null?parseInt&#40;_27&#91;2&#93;&#41;&#58;0;
&#125;;
deconcept.PlayerVersion.prototype.versionIsValid=function&#40;fv&#41;&#123;
if&#40;this.major<fv.major&#41;&#123;return false;&#125;
if&#40;this.major>fv.major&#41;&#123;return true;&#125;
if&#40;this.minor<fv.minor&#41;&#123;return false;&#125;
if&#40;this.minor>fv.minor&#41;&#123;return true;&#125;
if&#40;this.rev<fv.rev&#41;&#123;
return false;
&#125;return true;&#125;;
deconcept.util=&#123;getRequestParameter&#58;function&#40;_29&#41;&#123;
var q=document.location.search||document.location.hash;
if&#40;q&#41;&#123;var _2b=q.substring&#40;1&#41;.split&#40;"&"&#41;;
for&#40;var i=0;i<_2b.length;i++&#41;&#123;
if&#40;_2b&#91;i&#93;.substring&#40;0,_2b&#91;i&#93;.indexOf&#40;"="&#41;&#41;==_29&#41;&#123;
return _2b&#91;i&#93;.substring&#40;&#40;_2b&#91;i&#93;.indexOf&#40;"="&#41;+1&#41;&#41;;&#125;&#125;&#125;
return "";&#125;&#125;;
deconcept.SWFObjectUtil.cleanupSWFs=function&#40;&#41;&#123;if&#40;window.opera||!document.all&#41;&#123;return;&#125;
var _2d=document.getElementsByTagName&#40;"OBJECT"&#41;;
for&#40;var i=0;i<_2d.length;i++&#41;&#123;_2d&#91;i&#93;.style.display="none";for&#40;var x in _2d&#91;i&#93;&#41;&#123;
if&#40;typeof _2d&#91;i&#93;&#91;x&#93;=="function"&#41;&#123;_2d&#91;i&#93;&#91;x&#93;=function&#40;&#41;&#123;&#125;;&#125;&#125;&#125;&#125;;
deconcept.SWFObjectUtil.prepUnload=function&#40;&#41;&#123;__flash_unloadHandler=function&#40;&#41;&#123;&#125;;
__flash_savedUnloadHandler=function&#40;&#41;&#123;&#125;;
if&#40;typeof window.onunload=="function"&#41;&#123;
var _30=window.onunload;
window.onunload=function&#40;&#41;&#123;
deconcept.SWFObjectUtil.cleanupSWFs&#40;&#41;;_30&#40;&#41;;&#125;;
&#125;else&#123;window.onunload=deconcept.SWFObjectUtil.cleanupSWFs;&#125;&#125;;
if&#40;typeof window.onbeforeunload=="function"&#41;&#123;
var oldBeforeUnload=window.onbeforeunload;
window.onbeforeunload=function&#40;&#41;&#123;
deconcept.SWFObjectUtil.prepUnload&#40;&#41;;
oldBeforeUnload&#40;&#41;;&#125;;
&#125;else&#123;window.onbeforeunload=deconcept.SWFObjectUtil.prepUnload;&#125;
if&#40;Array.prototype.push==null&#41;&#123;
Array.prototype.push=function&#40;_31&#41;&#123;
this&#91;this.length&#93;=_31;
return this.length;&#125;;&#125;
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject;
var SWFObject=deconcept.SWFObject;
Στην συνέχεια βάζουμε στο σημείο που θέλουμε να εμφανίζεται το flash τον παρακάτω κώδικα:

Κώδικας: Επιλογή όλων

<script type="text/javascript">
// <!&#91;CDATA&#91; 
var so = new SWFObject&#40;"images/banner.swf", "banner", "497", "164", "0", "#ffffff"&#41;;
so.addParam&#40;"wmode", "opaque"&#41;;
so.write&#40;"banner"&#41;; 
// &#93;&#93;>
</script>

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Lightbox problem

Δημοσίευση από fafos » 09 Δεκ 2008 14:46

auto emfanizei to flash me js swfobject... tha prepei na einai feiaxmeno to flash gia na paiksei me swfobject.. kalo einai na xrhsimopoieis kai mesa se <noscript> kodikas embed</noscript> ton klasiko kodika gia osous den exoun enable thn javascript..


ENIAC
Δημοσιεύσεις: 1
Εγγραφή: 05 Απρ 2009 18:16

Lightbox problem

Δημοσίευση από ENIAC » 05 Απρ 2009 18:23

Γεια σας.
Σε μια αναζητηση στο google επεσα πανω σ'αυτο το θεμα. Δεν ηξερα για το forum, φαινεται παντως να περιεχει αρκετες πληροφοριες.

Στο "ψητο"... Εχω το ιδιο προβλημα με τον φιλο lunarmedia. Δοκιμασα και εγω <param name="wmode" value="transparent" /> + wmode="transparent" αλλα δεν αλλαξε τιποτα.
Το αρχειακι .js που προτεινεις αν καταλαβα καλα δουλευει κανονικα. Μηπως μπορεις να δωσεις περισσοτερες πληροφοριες; Δημιουργουμε ενα αρχειο .js με αυτο το περιεχομενο και μετα πως συνδεεται αυτο με τη σελιδα που εχω το flash;

Sorry αλλα...ειμαι τελειως ερασιτεχνης και καθολου εξικοιωμενος με javascript.

edit: Χμ, νομιζω οτι ρωταω βλακειες γιατι φαινεται να δουλευει χωρις πολλα-πολλα...απλα αντικαθιστωτας τα scripts. Νομιζα οτι παιζει ρολο και το ονομα του .js file αλλα δεν βλεπω κατι τετοιο. Τελικα πατωντας μια εικονα, και ανοιγωντας το lightbox effect απλα δεν φαινεται απο πισω το .swf (και εμενα ειναι header banner) και τελειωνει η ιστορια. Αυτο που περιγραφει ο φιλος fafos στο πιο πανω post περι js και απλων embed ομολογω πως δεν το καταλαβαινω...ας ελπισω να μην υπαρχει παντως καποια προβλημα με τη συγκεκριμενη "modιφια". Σας ευχαριστω για την λυση! :wink:

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες