|
JavaScript - Targeting
Can someone teel me what I need to do to target the links to frames?
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Tree View</title> <link rel="stylesheet" type="text/css" href="css/multi/tree.css"> <script type="text/javascript" src="build/yahoo.js" ></script> <script type="text/javascript" src="build/event.js"></script> <script type="text/javascript" src="build/treeview.js" ></script> <script type="text/javascript" src="build/jktreeview.js" ></script> <!-- Below is Style sheet for demos. Removed if desired --> <style type="text/css"> body {font: normal 11px verdana, sans-serif; color: #333; line-height: 19px;} a { text-decoration: underline; color: #46546C; } a:hover { text-decoration: underline; color: #4d77c3; } #tree1 {width:250px;padding: 10px;float:left;} #tree2 {width:250px;padding: 10px;float:left;} #tree3 {width:250px;padding: 10px;float:left;} </style> </head> <body> <h2>Folding TreeView Menu demo: <a href="http://www.javascriptkit.com/script/treeview/">More info</a></h2> <!--Empty DIV tags to contain the treeview demos --> <div id="tree1"></div> <div id="tree2"></div> <div id="tree3" class="treemenu"></div> <script type="text/javascript"> var palmtree=new jktreeview("tree3") palmtree.addItem("Coding Forums", "", "http://www.codingforums.com") palmtree.addItem("PHP Reference", "", "http://www.php.net") palmtree.addItem("Mozilla Dev Center", "", "http://developer.mozilla.org/en/docs/Main_Page") var branch4=palmtree.addItem("CSS Drive") //A TREE BRANCH WITH NO URL FOR ITSELF palmtree.addItem("CSS Gallery", branch4, "http://www.cssdrive.com") //Add this item to branch4 palmtree.addItem("Web Design News", branch4, "http://www.cssdrive.com/index.php/news/") //Add this item to branch3 palmtree.addItem("CSS Compressor", branch4, "http://www.cssdrive.com/index.php/main/csscompressor/") //Add this item to branch3 palmtree.addItem("Ajaxian", "", "http://ajaxian.com/") palmtree.treetop.draw(); //REQUIRED LINE: Initalize tree </script> </body> </html> Similar TutorialsHello, I've been spending sometime on this project now I had a few PHP problem but have got them resolved. The one problem that I'm currently having is setting the target for a image upload form to send the data to another page so that the page never actually refreshes. I got this working just fine on Google Chrome, Firefox and so on but in internet explorer this is still a problem. Whenever you click submit to start the uploading of the picture it pops up a new window to the upload.php page that PHP script runs on. Its not suppose to do that, it is just suppose to run in the background and upload normally without any window popping up. I don't understand why it is doing this, I've seen other scripts do the same thing that I'm doing here but mine for some reason mine isn't working correctly in internet explorer. Maybe you guys can give me idea to what is wrong with this. Code: function showPhotoUpload() {
//Apply the the black transparent background
var overlay = document.createElement("div");
overlay.setAttribute("id","overlay");
overlay.style.cssText="z-index:3; background:#111111; min-width:100%; min-height:100%; max-height:120%; max-width:120%; position:absolute; top:0; opacity:0.5; filter:alpha(opacity:50);";
document.body.appendChild(overlay).lastChild;
//Append the photo container
var photoContainer = document.createElement("div");
photoContainer.style.cssText="z-index:4; background:#f1f1f1; width:400px; height:240px; overflow:hidden; position:absolute; top:20%; left:35%;";
photoContainer.setAttribute("id","photoContainer");
photoContainer.innerHTML = "<div id=\"photo-opt\">Please select a image file from your computer: <a href=\"javascript:;\" onclick=\"closePhotoUpload();\">Close</a><div id=\"file-upload\"><form method=\"post\" id=\"photo-upload\" action=\"upload.php\" enctype=\"multipart/form-data\"><input name=\"photo\" type=\"file\" /><input name=\"submit\" type=\"submit\" value=\"Upload\" /></form></div><div id=\"loading\"></div></div";
document.body.appendChild(photoContainer).lastChild;
pushData();
}
function createIframe() {
var iframe = document.createElement("iframe");
iframe.setAttribute("width","0");
iframe.setAttribute("height","0");
iframe.setAttribute("name","upload_target");
iframe.setAttribute("src","");
iframe.setAttribute("style","width:0px; height:0px; border:0;");
iframe.setAttribute("id","upload_target");
document.body.appendChild(iframe);
}
function pushData() {
document.getElementById('photo-upload').onsubmit=function() {
createIframe();
document.forms[1].target = 'upload_target'; //'upload_target' is the name of the iframe
setTimeout("document.body.removeChild(document.getElementById('upload_target'))", 250);
}
}
function closePhotoUpload() {
var photoContainer = _('photoContainer');
var overlay = _('overlay');
document.body.removeChild(photoContainer);
document.body.removeChild(overlay);
}
The ones that need to be focused on the most is the createIframe() and pushData(). Those are the two that are suppose to do the magic. The pushData() function gets called in the showPhotoUpload() function. Thanks for the help. Hi, I have 2 groups of ads, 6 banners with different languages in each group. The only difference between those groups is the color. All 12 banners has the same size. I want to know how can I do Geo Targeting for those two groups. And how can I seperate each group with a tracking link that will tell me which color converts better. Will appreciate also a good resourse to learn from - website, tutorial, guide... Many thanks. This seems like it would be so simple and I have absolutely no idea. I have one page with no frames, and two links on it. The second page has an iframe on it. Both links on page 1 point to page 2 (which houses the iframe), but based on which link is clicked will determine what that iframe will display. Basically I need to figure out a way to target the iframe on page 2 after executing a window.open statement. Much like how google images creates a frame at the top after you click on one of the images from the search results. I've attached two simple files to better explain what I'm trying to do. FrameSet.zip I'd appreciate the help, I'm losing my mind. Hi all Ive basically 3 php scripts: -one that writes an xml file from a directory of image files -one that creates a thumbnail from a jpeg file resizes it and puts a little drop shadow on the thumbnail -one that reads the xml file and outputs the html code so all is good a little old school, but it works, I get a page of thumbnails in whatever form I want with links. Ive attached a lightbox script I found to open the thumbnails and thats ok. What I would like to do is target the images to a container inside a div tag using jquery, maybe even fade the image in something fancy. but Id be happy with the basics. Just click on the thumbnail show it in the adjacent container. (dont have a container yet thats what i need some help with with) I'm doing my best going through various tutorials and the chm file learning as I go here is the test page that outputs the thumbnails: http://www.eagleview.ca/newsite/cont...om=0&pageto=12 any help is appreciated william Hi Guys i wonder if any one would be able to do this, i know its a hard one! Im wanting to use the following site but rather than copy pasting links (like they ask you to) i would rather use a script to grab the link and echo it for me. The reason being i think embedding they channels the offer would be far easier. So heres the challenge: The target is the stream url at the bottom of this page: http://www.zapni.tv/play.php?id=100 (looks like this Code: http://www.zapni.tv/stream/vlc.php?id=100&session=NTEzNjcwMzY2OQ==&stream=play ) the aim is to be able to write it into a player on page load like this: Code: <embed type="application/x-vlc-plugin" name="VLC" autoplay="yes" loop="no" volume="100" width="640" height="480" target="http://www.zapni.tv/stream/vlc.php?id=100&session=MTk3NjYwODUzOQ==&stream=play"> Cheers Guys in advance, and good luck! BTW i only hope Javascript is the correct category if not, sorry :-) Hello I would like some help. The ebay editor kit produces code that is in javascript format. Is it possible to edit that javascript so it is IP geo targeted. Meaning that the javascript will show ads from the ebay site of the visitors country? I was reading the Ebay Partners Network blog and it stated it can be done using third party scripts and geoip database. If this can be done by php then any advice would be very greatfull. Thanks all in advance. |
|||||||