Fenster Script und CMS Backup

driver

Code

#screenshots #screenshot2 {
background:transparent url(http://www.conanundco.net/images/podcast_back.png) no-repeat scroll 0 0;

das ist ebenfalls css, hat nichts im javascript-teil zu suchen

Code

onclick="show('images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg');return false;"

das ist der aufruf des javascripts. der kommt in den button rein
im html-body. also entweder in a-tag oder evtl in img-tag

zudem fehlt beim letzten javascript (das sogar richtig ist),
die letzte geschweifte klammer, um die funktion abzuschließen.

Sebi17

Also hier der code mit den script:

HTML

<html>
<head>
<style type="text/css">
element.style {
display:block;
height:315px;
left:300px;
position:absolute;
top:35px;
width:360px;
}
#screenshots #screenshot2 {
background:transparent url(http://www.conanundco.net/images/podcast_back.png) no-repeat scroll 0 0;
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
function show(layer) {
    document.getElementById(layer).style.display='block'; }
</script>
</head>
<body>
<div style="float:left; margin-right:20px;">
<span style="display:block;" style="font-size: 1.8em"></span>
<img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" style="width:150px; height:100px;"/><span style="clear:both;"></span>
</div>
</body>
</html>

Alles anzeigen

und hier der code für die bilderseite:

Code

<a href="include.php?path=content/content.php&contentid=53"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" WIDTH=150 HEIGHT=100>onclick="show('images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg');return false;"
</a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 2.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 2.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 3.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 3.jpg" WIDTH=150 HEIGHT=100></a>
<br>
<a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 5.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 5.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 8.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 8.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 9.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 9.jpg" WIDTH=150 HEIGHT=100></a>

driver

aa) alles muss auf einer seite sein
b) dein onclick steht irgendwo, aber in keinem tag !
c) und dann nochmal durchn validator jagen

Sebi17

kannst mir b) vormachen bitte? also nen tag geben?

so schauts jetzt aus:

Zitat

<html>
<head>
<style type="text/css">
element.style {
display:block;
height:315px;
left:300px;
position:absolute;
top:35px;
width:360px;
}
#screenshots #screenshot2 {
background:transparent url(http://www.conanundco.net/images/podcast_back.png) no-repeat scroll 0 0;
</style>
<script language="JavaScript" type="text/JavaScript">

function show(layer) {
document.getElementById(layer).style.display='block'; }
</script>
</head>
<body>
<a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 2.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 2.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 3.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 3.jpg" WIDTH=150 HEIGHT=100></a>
<br>
<a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 5.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 5.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 8.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 8.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 9.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 9.jpg" WIDTH=150 HEIGHT=100></a>
</body>
</html>

Alles anzeigen

driver

Code

<img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" WIDTH=150 HEIGHT=100 onclick="show('images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg');return false;">

so kannste des z.b. mal testen.

allerdings übergibst du nur eine grafik. laut der funktion erwartest du aber
die id des containers. so klappt das nicht....

Sebi17

Code

<a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" WIDTH=150 HEIGHT=100 onclick="show('images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg');return false;"></a>

Also das klappt schonmal nicht und von div hab ich kein plan wie ich das machen soll kann nur table

driver

de.selfhtml.org

warum willst du eigentlich gleichzeitig ne neue seite öffnen und den
div-container anzeigen ? des kann ja garnich klappen....

ich geh etz feiern...

Sebi17

welche div id? und wohin soll die damit das endlich klappt? und mit welchem tag?

Sebi17

so in etwa?

HTML

<html>
<head>
<style type="text/css">
element.style {
display:block;
height:315px;
left:300px;
position:absolute;
top:35px;
width:360px;
}
#screenshots #screenshot2 {
background:transparent url(/images/site/Back.jpg) no-repeat scroll 0 0;
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
function show(layer) {
    document.getElementById(layer).style.display='block'; }
</script>
</head>
<body>
<div id="1">
<a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" WIDTH=150 HEIGHT=100 onclick="show('images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg');return false;"></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 2.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 2.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 3.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 3.jpg" WIDTH=150 HEIGHT=100></a>
</div>
<div>
<a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 5.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 5.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 8.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 8.jpg" WIDTH=150 HEIGHT=100></a><a href="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 9.jpg"><img src="images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt 9.jpg" WIDTH=150 HEIGHT=100></a>
</div>
</body>
</html>

Alles anzeigen

und es soll ja so sein wenn ich auf ein bild klicke das das dann in original größe im popup erscheint deshalb immer das <a href

synaptic

sorry, aber dein code is mal totaler schrott und ich finde es schade, dass du des nicht auf die kette bekommst, denn letztlich is des doch alles rein logisch und aus dem code der anderen seite ersichtlich gewesen...
der folgende code baut auf deinem auf und ich hab mir die ursprüngliche seite nicht mehr dafür angesehen, weil ich nich gerne source von anderen verwende!

HTML

<html>
<head>
<style type="text/css">
#popwrap {
display:none;
height:315px;
left:300px;
position:absolute;
top:35px;
width:360px;
border:1px solid black;
}
#closer{
width:20px;
height:20px;
margin-left:380px;
background:red;
}
#screenshots #screenshot2 {
background:transparent url(/http://dragonball17.dr.funpic.de/images/site/Back.jpg) no-repeat scroll 0 0;
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function show(url, layer) {
    var pictarget = document.getElementById(layer);
    pictarget.style.display='block'; 
    pictarget.innerHTML= "<img src=\""+url+"\">";
    var target = document.getElementById('popwrap');
    target.style.display='block';
    }

function hide(layer){
 var target = document.getElementById(layer);
    target.style.display='none'; 
}
//-->


</script>
</head>
<body>


<div id="popwrap"><div id="closer" onclick="hide('popwrap');"></div>
     <div id="dapop">



</div></div>
<div id="1">
<a href="http://dragonball17.dr.funpic.de/http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" onclick="show('http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg', 'dapop');return false;">
   <img src="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt.jpg" WIDTH=150 HEIGHT=100>
</a>
<a href="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%202.jpg" onclick="show('http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%202.jpg', 'dapop');return false;">
   <img src="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%202.jpg" WIDTH=150 HEIGHT=100>
</a>
<a href="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%203.jpg" onclick="show('http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%203.jpg', 'dapop');return false;">
   <img src="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%203.jpg" WIDTH=150 HEIGHT=100>
</a>
</div>
<div>
<a href="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%205.jpg" onclick="show('http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%205.jpg', 'dapop');return false;">
   <img src="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%205.jpg" WIDTH=150 HEIGHT=100>
 </a>
<a href="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%208.jpg" onclick="show('http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%208.jpg', 'dapop');return false;">
   <img src="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%208.jpg" WIDTH=150 HEIGHT=100>
</a>
<a href="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%209.jpg" onclick="show('http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%209.jpg', 'dapop');return false;">
   <img src="http://dragonball17.dr.funpic.de/images/Bilder/Videogames/DBZBT2PS2Wii/unbenannt%209.jpg" WIDTH=150 HEIGHT=100>
</a>
</div>
</body>
</html>

Alles anzeigen

leerzeichen in dateinamen sind nen ganz grosses pfui!
dann musst du die onclick-anweisung nich ins bild schreiben, weil das übergeordnete element der link is!
außerdem war im stylesheet nen element.style...
ich weiß des kam von mir, jedoch hatte ich da nur den code ausm firebug kopiert- etwas nachdenken hilft manchmal berge zu versetzen.
hab der ganzen suppe hier noch nen kleines rotes div mitgegeben, um des ding zu schliessen!

Fenster Script und CMS Backup

Tags

Benutzer online in diesem Thema