Mi a hiba ebben a javascript kódban? Többi lent.
Sziasztok,
Azt szeretném, hogyha egy "asd" idjü valamire rákattintanak, akkor a "header" idjü divben megjelenjen az xd.php tartalma.Vagyis ide load(); kell, de megcsináltam és nem jó, de miért?
a kód:
<html>
<head>
<title>Sport eredmények</title>
<style>
.button_wrap{ position:relative; width:225px; height:36px; overflow:hidden; font-weight:bold; font-size:11px; margin:10px; }
.button_aLeft{ width:70px; height:36px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#093d6f; color:#fff; top:0px; right:0px; position:absolute; line-height:36px; text-align:left; }
.button_aLeft span{ z-index:200; padding-left:20px; color:#fff; }
.button_aRight{ width:70px; height:36px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#093d6f; color:#fff; top:0px; left:0px; position:absolute; line-height:36px; text-align:right; }
.button_aRight span{ z-index:200; padding-right:20px; color:#fff; }
.button_bLeft{ width:66px; height:30px; background-color:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; color:#000; position:absolute; top:3px; right:3px; text-transform:uppercase; line-height:30px; text-align:center; cursor:pointer; }
.button_bLeft span{ color:#008ddd; }
.button_bRight{ width:66px; height:30px; background-color:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; color:#000; position:absolute; top:3px; left:3px; text-transform:uppercase; line-height:30px; text-align:center; cursor:pointer; }
.button_bRight span{ color:#008ddd; }
.button_c{ background-color:#008ddd; color:#fff; text-transform:uppercase; }
.button_c span{ color:#093d6f; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js" type="text/javascript"></script>
<script type="text/javascript">
dojo.addOnLoad(function() {
dojo.forEach(dojo.query('.button_wrap'),function(wrap) {
var a = dojo.query('a',wrap)[0];
var span = dojo.query('span',a)[0];
var button = dojo.query('a',wrap)[1];
dojo.anim(span,{ opacity:0 },1);
dojo.connect(button,'onmouseenter',function() {
dojo.addClass(button,'button_c');
dojo.anim(a,{ width:200 });
dojo.anim(span,{ opacity: 1 });
});
dojo.connect(button,'onmouseleave',function() {
dojo.removeClass(button,'button_c');
dojo.anim(a,{ width:70 });
dojo.anim(span,{ opacity: 0 });
});
});
});
</script>
<script>
$("documen").ready(function(){
$("#asd).click(function(){
$("#header").load("xd.php");
});
});
</script>
</head>
<body background="hatterkep.png">
<div class="button_wrap">
<a href="register.php" class="button_aLeft" id="button_aLeft"><span>Hozz létre egy FEL HA</span></a>
<a href="register.php" class="button_bLeft slidebttn" id="button_bLeft">ASZNÁ<span>LÓT</span></a>
</div>
<!-- right version -->
<div class="button_wrap">
<a href="login.php" class="button_aRight" id="button_aRight"><span>BE és lásd a tippeket</span></a>
<a href="login.php" class="button_bRight slidebttn" id="button_bRight">JELENT<span>KEZZ</span></a>
</div>
<link rel="stylesheet" type="text/css" href="css.css"/>
<div id="header" >
</div>
<link href="styles.css" rel="stylesheet" type="text/css">
<div id='cssmenu' left:140;>
<ul>
<li class='active'><a href='#'><span>Foci</span></a></li>
<li><a href='#'><span>Tenisz</span></a></li>
<li class='has-sub last'><a href='#'><span>Egyéb</span></a>
<ul>
<li><a href='#'><span>Rögbi</span></a></li>
<li class='last'><a href='#'><span>Röplabda</span></a></li>
</ul>
</li>
</ul>
</div>
<link rel="stylesheet" type="text/css" href="style.css"/>
<div id="content">
<iframe id="inscore-xdc-829373" src="http://www.livescore.in/hu/free/829373/" width="624" height="500" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">/*<![CDATA[*/try{function inscore_829373_xdc(){this.elm = null;this.hash = null;var times_resized = 0;var times_not_resized = 0;this.resize = function(){times_resized == 1023 && (times_resized = 0);times_not_resized == 1023 && (times_not_resized = 0);if(this.getElm() && location.hash && location.hash != this.hash){this.hash = location.hash;var reggg = new RegExp(".*inscore_ifheight_xdc_([0-9]{2,5}).*");if(result=reggg.exec(location.hash)){this.getElm().style.height = (typeof result[1] == "undefined" ? "10000":(result[1] > 500 && result[1] <= 30000 ? parseInt(result[1]):500)) + "px";times_resized ++;}} else if(location.hash && location.hash == this.hash) times_not_resized ++;else return resize_later(75);resize_later(250);};var resize_later = function(time){setTimeout(function(){ inscore_829373_xdc_run.resize(); }, time);};this.getElm = function(){try {(typeof this.elm == "undefined" || this.elm === null || !this.elm) && (this.elm = document.getElementById("inscore-xdc-829373"));} catch(e) { this.elm = null; }return this.elm;};var show_links = function(){if((times_resized >= 1 || times_not_resized >= 2) && (obj = document.getElementById("freescore_links_829373"))){obj.style.visibility = "visible";obj.style.display = "block";} else show_links_later();};var show_links_later = function() { setTimeout(function(){ show_links(); }, 100); };if (typeof window.postMessage == "undefined"){show_links_later();resize_later();}else{var ev = function(event){try{var data = JSON.parse(event.data);}catch (e){return;}if (data instanceof Array && data[0] == 829373 && typeof data[1] != "undefined"){eval(data[1]);}};if (window.addEventListener){window.addEventListener( "message", ev);}else if ( window.attachEvent ) {window.attachEvent("onmessage", ev);}setTimeout(function(){ document.getElementById("inscore-xdc-829373").contentWindow.postMessage(JSON.stringify(["829373", "run"]), "*"); }, 2000);show_links_later();resize_later();}};var inscore_829373_xdc_run = new inscore_829373_xdc();}catch(e){document.getElementById("inscore-xdc-829373").style.height = "10000px";}
/*]]>*/</script>
</div>
</body>
</html>
A jóistenáldjon meg... ki a francot érdekel a CSS-ed, meg a többi tartalmi dolog? :D Csak a problémás részt tessék bemásolni legközelebb! :) És egyébként igen, támogatom #1 javaslatát.
Egyébként meg, ha nem include-olod be a jquery-*.js fájlt, akkor ne csodálkozz, hogy nem működik. :D
$("documen").ready(function(){ //documen
$("#asd).click(function(){ //$("#asd)
+ nincs asd idjű elem
/*<![CDATA[*/ <- ez mit jelent amúgy?
<script>
$("documen").ready(function(){
$("#asd).click(function(){
$("#header").load("xd.php");
});
});
</script> <script>
$("documen").ready(function(){
$("#asd).click(function(){
$("#header").load("xd.php");
});
});
</script>
ezt kéne átnézni
Bocsi,
Csak 1x.
<script>
$("documen").ready(function(){
$("#asd).click(function(){
$("#header").load("xd.php");
});
});
</script>
Ahj ez már a 3. de az document és nem documen.
Ink leírom helyesen:D
<script>
$(document).ready(function(){
$("#asd").click(function(){
$("#header").load("xd.php");
});
});
</script>
Hátdehát ezt írtam:
" $("documen").ready(function(){ //documen
$("#asd).click(function(){ //$("#asd)
+ nincs asd idjű elem " - idézet magamtól
Jéé tényleg o: de nem is mert írtad ezt is: "/*<![CDATA[*/ <- ez mit jelent amúgy?" - idézet tőled:P
Én azért adtam rá hasznosat így utólag o:
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!