Điều kiện Nowrap trong đầu và phần html

Trong jsfiddle, chúng có tùy chọn để đặt no wrap(head), no wrap(body), OnDomReady và OnLoad ở tùy chọn bên trái. Trong chương trình của tôi để đặt điều kiện no wrap(head). Công việc của nó tốt. Nhưng làm thế nào tôi thay đổi vào tập tin HTML. Tình trạng tương tự tôi cần phải đặt trong HTML của tôi nộpĐiều kiện Nowrap trong đầu và phần html

Demo: JSFIDDLE

Ở đây tôi đặt no-wrap(head), Làm thế nào tôi đặt tập tin HTML với điều kiện tương tự như no-wrap(head)?.

Đây mã đầy đủ của tôi

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="a.js"></script> 
<script type="text/javascript"> 
google.load('visualization', '1', {packages: ['corechart']}); 
google.setOnLoadCallback(drawVisualization); 

function drawVisualization() { 
var data = google.visualization.arrayToDataTable([ 
    ['Country', 'Popularity'], 
    ['Germany', 200], 
    ['United States', 300], 
    ['Brazil', 400], 
    ['Canada', 500], 
    ['France', 600], 
    ['Russia', 700] 
]); 

// this chart is drawn in a visible div and then immediately hidden 
var chart1 = new google.visualization.PieChart(document.getElementById('chart_1')); 

google.visualization.events.addListener(chart1, 'ready', function() { 
    // hide the div when done drawing 
    document.getElementById('chart_1').style.display = 'none'; 

    // create an event listener for the button that shows the chart 
    document.getElementById('clickMe1').onclick = function() { 
     document.getElementById('chart_1').style.display = 'block'; 
    } 
}); 

// show the div before you draw 
document.getElementById('chart_1').style.display = 'block'; 

chart1.draw(data, { 
    height: 300, 
    width: 400, 
    title: 'Chart 1' 
}); 


// this chart only gets drawn when the button is clicked 
var chart2 = new google.visualization.PieChart(document.getElementById('chart_2')); 

// create an event listener for the button that shows the chart 
document.getElementById('clickMe2').onclick = function() { 
    document.getElementById('chart_2').style.display = 'block'; 
    chart2.draw(data, { 
     height: 300, 
     width: 400, 
     title: 'Chart 2' 
    });    
} 
} 
</script> 
<style type="text/css"> 
#visualization path { 
cursor: pointer 
} 
</style> 

    </head> 
    <body> 
<input type="button" value="Show chart 1" id="clickMe1" /> 
<input type="button" value="Show chart 2" id="clickMe2" /> 
<div id="chart_1" style="display: none"></div> 
<div id="chart_2" style="display: none"></div> 
    </body> 
</html>

Cám ơn lời khuyên.

Nguồn

2012-12-26 Selvamani

Đó chỉ đơn giản có nghĩa là đặt JavaScript giữa <head> thẻ

Từ trang tài liệu

JSFiddle Documentation

Reference

Nguồn

2012-12-26 06:54:00

Xin chào, tôi cập nhật mã html của mình tại đây. Trong mã của tôi tất cả javascript của tôi được đặt bên trong thẻ đầu. Nhưng tại sao nó không hoạt động? – Selvamani

Bạn đang thiếu thẻ 'script' gần trên dòng lệnh này

Nó chỉ có nghĩa là kịch bản được thêm vào trong phần <head> của <html>

Từ JSFiddle Docs,

không bọc (đầu): không quấn mã JavaScript, đặt nó vào <head> phần

Here là một bản demo của những gì bạn migh t đang sử dụng (Tất cả HTML ở một nơi).

Nguồn

2012-12-26 06:53:43

Cảm ơn bạn, có thể trong bí quyết, công việc mã này trong chế độ văn bản IE8 trong máy của bạn. Nếu không làm thế nào tôi có thể sửa nó, Bởi vì fiddle đó làm việc trong chế độ tài liệu IE8. – Selvamani

Không, không, nhưng tôi nhớ rằng điều này là do biểu đồ google có một số vấn đề với chế độ tài liệu 'IE8', [** Kiểm tra ** này] (http://stackoverflow.com/questions/13081894/ie8- không hỗ trợ-google-charts-pie-chart) –

http://jsfiddle.net/3KxFZ/2/ nhưng ở đây piechart thứ hai có thể nhìn thấy trong chế độ tài liệu ie8, Làm thế nào? – Selvamani

Các vấn đề liên quan

Điều kiện Nowrap trong đầu và phần html

Trả lời

Các vấn đề liên quan