olá pessoal estou com um problemão… achei diversos scripts na internerd sobre como carregar uma página dentro de uma div fiz de tudo para funcionar os que funcionam com ajax não carregam div dai achei em uma página que continha sites gratuitos um script interessante em ajax+jquery que funcionava como eu queria mas jah tentei de todas as formas fazer o script funcionar no meu site e nada… e percebi que ele está em um menu flash gostaria que alguém me ajudasse a faze-lo funcionar com um menu normal em css. obrigado
segue os códigos.
main.js
jQuery.noConflict();
jQuery(document).ready(function(){
hideContent = function(contentString){
jQuery(“div.dynamicContent”).fadeOut( 1000 ,function() {
showContent(contentString);playSound(0);
});
};
showContent = function (contentString) {
jQuery.ajax({
type: “GET”,
url: contentString,
dataType:“html”,
success: function(data){
jQuery(“div.dynamicContent”).html(data);
jQuery(“div.dynamicContent”).slideDown(1000);
},
error: function () {
alert(“Page “+contentString+” not found”);
}
});
};
if(jQuery(document).getUrlParam("page")!=null) {
hideContent(jQuery(document).getUrlParam("page"));
} else {
showContent("_home.htm");
}
});
function sendToASUnselectButton(button_id) {
thisMovie(button_id).sendToASUnselectButton("");
}
function thisMovie(movieName) {
if (navigator.appName.indexOf(“Microsoft”) != -1) {
return window[movieName];
} else {
return document[movieName];
}
}
var requiredMajorVersion = 9;
var requiredMinorVersion = 9;
var requiredRevision = 0;
var selected_button ="";
var isIE = (navigator.appVersion.indexOf(“MSIE”) != -1) ? true : false;
var online = ( ((window.location+’’).substring(0,4)).toLowerCase()==‘http’ ) ? true : false;
function myButton (buttonText,buttonLink) {
if (!online && !isIE) {
document.write(’
}
AC_FL_RunContent(‘codebase’,‘http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0’,‘width’,‘200’,‘height’,‘31’,‘src’,‘flash/button’,‘quality’,‘high’,‘pluginspage’,‘http://www.macromedia.com/go/getflashplayer’,‘movie’,‘flash/button’,‘flashvars’,‘custom_xml_url=button.xml&item_text=’+buttonText+’&item_url=’+buttonLink+’&button_id=’+(anim_ids+1)+’&isIE=’+isIE,‘scale’,‘noScale’,‘wmode’,'transparent’);
if (!online && !isIE) {
document.write(’
}
}
function myFlashHeader (_src,_width,_height,_bgcolor,_divID,_xml) {
if (window.document.getElementById(_divID)) {
window.document.getElementById(_divID).innerHTML=AC_FL_RunContentDiv( ‘codebase’,‘http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0’,‘width’,_width,‘height’,_height,‘src’,_src,‘quality’,‘high’,‘pluginspage’,‘http://www.macromedia.com/go/getflashplayer’,‘movie’,_src,‘flashvars’,‘custom_xml_url=’+_xml, ‘bgcolor’,_bgcolor,‘allowScriptAccess’,‘sameDomain’,‘scale’,‘noScale’); //end AC code
} else {
alert(“Div '”+_divID+"’ not found ");
}
}
function myFlashGallery (_src,_width,_height,_bgcolor,_divID,_xml) {
if (window.document.getElementById(_divID)) {
if (_xml == null){
_xml = ‘gallery.xml’;
}
window.document.getElementById(_divID).innerHTML=AC_FL_RunContentDiv( ‘codebase’,‘http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0’,‘width’,_width,‘height’,_height,‘src’,_src,‘quality’,‘high’,‘pluginspage’,‘http://www.macromedia.com/go/getflashplayer’,‘movie’,_src,‘bgcolor’,_bgcolor,‘allowScriptAccess’,‘sameDomain’,‘allowFullScreen’,‘true’,‘FlashVars’,‘xmlFile=’+_xml); //end AC code
} else {
alert(“Div '”+_divID+"’ not found ");
}
}
function showPage(pageURL,button_id) {
if (pageURL.substring(0,4).toLowerCase()==‘http’) {
window.open(pageURL, ‘blank’);
return;
};
hideContent(pageURL);
if (selected_button!="" && button_id!=selected_button) {
sendToASUnselectButton('anim’+selected_button);
}
selected_button = button_id;
}
/* Copyright © 2006-2007 Mathias Bank (http://www.mathias-bank.de)
- Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
- and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
- Version 2.1
- Thanks to
- Hinnerk Ruemenapf - http://hinnerk.ruemenapf.de/ for bug reporting and fixing.
- Tom Leonard for some improvements
/
jQuery.fn.extend({
/*
-
Returns get parameters.
-
If the desired param does not exist, null will be returned
-
To get the document params:
-
@example value = $(document).getUrlParam(“paramName”);
-
To get the params of a html-attribut (uses src attribute)
-
@example value = $(’#imgLink’).getUrlParam(“paramName”);
*/
getUrlParam: function(strParamName){
strParamName = escape(unescape(strParamName));var returnVal = new Array(); var qString = null; if (jQuery(this).attr("nodeName")=="#document") { //document-handler if (window.location.search.search(strParamName) > -1 ){ qString = window.location.search.substr(1,window.location.search.length).split("&"); } } else if (jQuery(this).attr("src")!="undefined") { var strHref = jQuery(this).attr("src") if ( strHref.indexOf("?") > -1 ){ var strQueryString = strHref.substr(strHref.indexOf("?")+1); qString = strQueryString.split("&"); } } else if (jQuery(this).attr("href")!="undefined") { var strHref = jQuery(this).attr("href") if ( strHref.indexOf("?") > -1 ){ var strQueryString = strHref.substr(strHref.indexOf("?")+1); qString = strQueryString.split("&"); } } else { return null; } if (qString==null) return null; for (var i=0;i<qString.length; i++){ if (escape(unescape(qString[i].split("=")[0])) == strParamName){ returnVal.push(qString[i].split("=")[1]); } } if (returnVal.length==0) return null; else if (returnVal.length==1) return returnVal[0]; else return returnVal;
}
});
index.html
free templates #free-flash-header a,#free-flash-header a:hover {color:#363636;}#free-flash-header a:hover {text-decoration:none} <div id="top">
<div id="name_part_1" >MY <span class="orange">P</span>ERSONAL</div>
<div id="name_part_2" ><span class="green">P</span>ORTFOLIO</div>
<div id="square"><div id="orange_square"></div><div id="green_square"></div></div>
</div>
<div id="line"></div>
<div id="left_col">
<div class="clearboth"></div>
<!-- Menu -->
<script type="text/javascript">
myButton('HOME','_home.htm');
myButton('ABOUT','_about.htm');
myButton('MY PORTFOLIO','_portfolio.htm');
myButton('NEWS','_news.htm');
myButton('CONTACT US','_contact.htm');
</script>
<!-- Menu end-->
<br/><br/>
<div class="news">
<h1>News & Events</h1>
<span class="bold green">01.02.2009</span><br/>
Lorem ipsum dolor sit amet igitur lex in amicitia. Praesent dignissim, lectus pharetra blandit cursus, urna nibh sagittis nulla, et pellentesque.<br/> Lorem sapien vel neque. Maecenas auctor.
<a href="javascript:showPage('_news.htm');" class="right">learn more...</a>
</div>
</div>
<div id="right_col">
<div id="firefoxbug"><!-- firefoxbug -->
<div class="dynamicContent" id="dynamicContent">
</div>
</div><!--end firefoxbug-->
</div><!--end right_col-->
<div id="line"></div>
<div class="clearboth"></div>
</div>
<div id="copyright">Copyright © 2010 YOUR NAME.</div>