html(できればjava不使用)で変数に文字列をいれてつかう、またはそれに近いことはできないでしょうか?

例**************************
$color1="#000000"

<tr bgcolor=$color1>内容1<tr>
<tr bgcolor=$color1>内容2<tr>
****************************
みたいな感じです

このQ&Aに関連する最新のQ&A

A 回答 (6件)

調べりゃ分かることは???だけど。



CSS2で無理やり作れば・・簡単だけど・・・
生成内容、自動番号振り、リスト ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
 本来はXSLTで作るほうがよいかと・・・
 <th><xsl:value-of select="parson" />の歌</th>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<meta name="author" content="ORUKA1951">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:orika1951@hoge.com" title="send a mail" >
<link rel="START" href="../index.html">
<style type="text/css">
<!--
.parson1:before{content:"田中";}
p.age1:after{content:"36歳";}
-->
</style>
</head>
<body>
<h1>サンプル</h1>
<p class="parson1">は男の子</p>
<p class="parson1 age1">の年齢は</p>
<p>私の彼氏は<span class="parson1">君だよ</p>
</body>
</html>
    • good
    • 0
この回答へのお礼

大変参考になりました、もう少し勉強して使わせていただきます。
ありがとうございました。

お礼日時:2011/04/11 10:32

htmlで変数を定義することはできません。



ご質問の内容自体は他の方が回答されているようにCSSでやれば良いと思います。

変数を定義してその変数をhtmlの中で出力するというのは、お使いのサーバーでPHPが使えればPHPでやるのがいいんではないでしょうか?

<?php $name="山田太郎"; ?>

<p>
<?php echo $name; ?>は男です<br />
<?php echo $name; ?>の年齢は30歳です
</p>



山田太郎は男です
山田太郎の年齢は30歳です
    • good
    • 2
この回答へのお礼

ありがとうございます、やはりPHPにするとシンプルですね。

お礼日時:2011/04/11 10:31

htmlだけでは変数を使うことはできませんが、JavaScriptを使えばできます。


たぶんこうゆうことがしたいんですよね?

ほかの方の補足にあった「山田太郎」の件で言うとこんな感じでできます。
(※IEでしか確認してません)

<html>
<head>
<script type="text/javascript">
<!--
function init() {
var nameStr = "山田太郎";
var nameElements = document.getElementsByTagName("span");
for (var i = 0; i < nameElements.length; i++){
if (nameElements[i].className == "name1") {
nameElements[i].innerText = nameStr;
}
}
}
-->
</script>
</head>
<body onload="init();">
<span class="name1">名前はいるとこ</span>は男です<br />
<span class="name1">名前はいるとこ</span>の年齢は30歳です
</body>
</html>
    • good
    • 0
この回答へのお礼

ありがとうございます、参考にさせて頂きます。

お礼日時:2011/04/11 08:54

>変数のように文字列を単純に格納できるようなやり方はないでしょうか?


意味がわからないのですが??
.color1{background:#000000;}

<tr class="color1">内容1<tr>
<tr class="color1">内容2<tr>

XHTMLとXSLTを使うとよいかな
もっと関数らしくなる

この回答への補足

返信いただきありがとうございます。
trの指定はおしえて頂いた内容で十分だと思います。

ついでなのですが下記のようにも使いたいのですが
何かいい方法あるでしょうか
例**************************
$name="山田太郎"

$nameは男です
$nameの年齢は30歳で


OUTPUT
山田太郎は男です
山田太郎の年齢は30歳で
****************************

補足日時:2011/04/08 20:22
    • good
    • 1

 HTMLは文書を、それが文書内でどの要素であるかをマークアップするためのもので、それ以上でも以下でもありません。


 イメージされていることは、まさにCSSそのものです。
 HTMLに文書構造にしたがってマークアップすることを担わせて、スタイルシートでそのプレゼンテーションを指定する。そうすることでHTMLはシンプルになり、デザインは一箇所==HTMLのヘッダ内、もしくは外部に置くことで一箇所で指定できます。読み込み速度も速くなるし・・・
14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

 なお、bgcolorのような属性で色を指定する方法は今は非推奨です。スタイルシートを使いましょう。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<meta name="author" content="ORUKA1951">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:orika1951@hoge.com" title="send a mail" >
<link rel="START" href="../index.html">
<style type="text/css">
<!--
table.colorSample tr.color1 th
{background-color:rgb(255,180,180);}
table.colorSample tr.color1 td
{background-color:rgb(255,225,225);}
table.colorSample tr.color2 th,
table.colorSample tr.color2 td
{background-color:rgb(200,255,200);}
-->
</style>
</head>
<body>
<h1>サンプル</h1>
<table summary="見本" class="colorSample">
<tbody>
<tr class="color1">
<th abbr="あ">あ<th><td>あいうえお</td>
</tr>
<tr class="color2">
<th abbr="か">か<th><td>かきくけこ</td>
</tr>
<tr class="color1">
<th abbr="さ">さ<th><td>さしすせそ</td>
</tr>
</tbody>
</table>
</body>
</html>
    • good
    • 0
この回答へのお礼

回答頂きありがとうございます。

スタイルで定義し
table.colorSample tr.color1 th
{background-color:rgb(255,180,180);}
本文で
<tr class="color1">
<th abbr="あ">あ<th><td>あいうえお</td>
</tr>
ですね、よくわかりました。

これも一つの正解の形ですが
変数のように文字列を単純に格納できるようなやり方はないでしょうか?
やはりPHPで変数定義した方がよいのでしょうか..

お礼日時:2011/04/08 12:44

JSP なら当然やれますよ(java server page ですが)。



もう忘れたけどSSI とかでもやれるのかなぁ。

それよりも上記をやりたいならCSS で済む話ですよ(ご存じですか?)。

この回答への補足

回答頂きありがとうございます。
CSSも調べたのですが
htmlの経験が浅いのでやり方がよくわかりませんでした。
よかったら、簡単に教えていただけませんか?

補足日時:2011/04/08 11:57
    • good
    • 1

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q変数内容をHTML内で表示する方法

javascript初心者です(主にはperlを使っています)。

ajaxに手をだしたところ、perlとの変数の取り扱い方が基本的なところで違っていて戸惑っています。

例えばperlの場合、タグ内の変数(例えば$msg)は、ホームページで表示する際は、その内容が展開表示されるので、
javascriptでも、変数(例えばmsg)を、それと同様に扱ったところ、全く展開表示されずに困っています。
javascriptで変数(例えばmsg)の内容を、htmlタグ内で表示させるには、どうしたらよいのか教えて下さい。
(あれこれ検索してみましたが、何故か、その方法が見つかりませんでした)

具体的には、、、、、
(以下のソース参照)

「チェック」ボタンをクリックしたら、それをきっかけにして、外部プログラムが起動し
そこからの返答として、javascriptの変数msgの中に
「exist」もしくは「noexist」が代入されて返ってきます。

それに基づき、javascriptの変数 resultの中に「有 msg」又は「無 msg」が代入され、
それが、<div id="note$id"></div>の部分に表示されます。

が、その際、変数msgの内容を表示させたいのですが、それができません。

例えば
result = '有 document.write(msg);';
とやったのですが、それでも表示されません。

msgの内容をHTMLタグ内で表示させる方法を教えて下さい。
よろしくお願いします。



---------------------------------------------
実際のソース(肝心な部分だけを抽出)
---------------------------------------------

<header部分>

<!-- JQuery -->
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<script type="text/javascript">
<!--
// When DOM is ready

$(document).ready(function(){

// ------- Form -------

$("input").click(function(){
id2= $(this).attr("class");

sharpform="#form";
sharpfields="#fields";
sharpnote="#note";

formid = sharpform + id2;
fieldsid= sharpfields + id2;
noteid= sharpnote + id2;

$(formid).submit(function() {
var str = $(this).serialize();

$.ajax({
type: "POST",
url: "./外部ブログラム名.cgi",
data: str,
success: function(msg) {
// Message Sent? Show the 'Thank You' message and hide the form
if(msg == 'exist') {
result = '有 msg';
$(fieldsid).hide();

} else if(msg == 'noexist') {
result = "無 msg";
$(fieldsid).hide();

} else {
result = msg;
}
$(noteid).html(result);
}
});
return false;
});
});
});

-->
</script>




---------------------------------------------

<body部分>

<div id="note$id"></div>
<div id="fields$id">
<form id="form$id" method="post" action="">
<input type="hidden" name="method" value="post">
<input type="hidden" name="check" value="$check">
<input type="submit" value="チェック" class="$id"/>
</form>
</div>


※html表示時には、$idには、1や2等の数字が入って表示されます。

---------------------------------------------

javascript初心者です(主にはperlを使っています)。

ajaxに手をだしたところ、perlとの変数の取り扱い方が基本的なところで違っていて戸惑っています。

例えばperlの場合、タグ内の変数(例えば$msg)は、ホームページで表示する際は、その内容が展開表示されるので、
javascriptでも、変数(例えばmsg)を、それと同様に扱ったところ、全く展開表示されずに困っています。
javascriptで変数(例えばmsg)の内容を、htmlタグ内で表示させるには、どうしたらよいのか教えて下さい。
(あれこれ検索してみました...続きを読む

Aベストアンサー

result = '有 ' + msg;

QHTMLファイル同士での値渡し

困っています。

HTMLファイルからHTMLファイルへ移動するときに、
HTMLファイル1でJavaScript で算出された値を
HTMLファイル2へ渡して使用したいのです。

showModalDialogだとダイアログにしか渡せないし・・・。
このように、値をそのまま次のページに渡すための方法を教えてください。
お願いします。

Aベストアンサー

すみません。うっかりしてました。

document.write(FORM[v1]);
では、v1を変数と認識してしまうので、エラーになってしまいますね。

document.write(FORM.v1);  // 「FORM.v1」です
あるいは
document.write(FORM["v1"]);
としてください。

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

QHTML内でJavaScriptの変数を使いたい

<script language="JavaScript">
<!--
function fnc_prompt(){
var msg;
msg = window.prompt("URL","");
}
//-->

で、msgにURLを代入して、

<form action="&{msg};" method="post">

フォームタグ内でその変数を使いたいのですが可能でしょうか。


よろしくお願いします。

Aベストアンサー

これでどうですか?

<script language="JavaScript">
<!--
function fnc_prompt(){
var msg;
msg = window.prompt("URL","");
// この一行追加
document.form1.action = msg;
}
//-->

formタグには、適当なname属性を追加。
<form action="" name="form1" method="post">

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qページ間で変数を保持したい

いつもお世話になっております。

今回はhtml間での値渡しについてお聞きしたいです。

現在ある二つのページA,Bを作成していまして、お互いにリンクが張ってあります。
AからBに行く時、Aの中にあるフォームの内容をBに表示したく外部jsファイルでグローバル変数に保持したりなどやってみましたがだめでした。

そもそもこのようなことをjavascriptのみでできるのでしょうか?
また可能ならばどのようにすればよいでしょうか?
ご教授お願いします。

Aベストアンサー

<form action="fB.html" method="get">
とした場合の例ですが、

以下のコードを参考にしてみてください。
------------------------------------------------------------
fA.html
------------------------------------------------------------
<html>
<head>
</head>
<body>
<form action="fB.html" method="get">
<input type="text" name="t" value="textA"></input>
<input type="hidden" name="h" value="hiddenA">
<input type="submit">
</form>
</body>
</html>
------------------------------------------------------------
fB.html
------------------------------------------------------------
<html>
<head>
<script type="text/javascript">
<!--
function init() {
var arr=Array();

var ss = "";
var querys=location.search;
if(querys) {
var q = querys.replace(/^\?/,'').split('&');
for(i=0 ; i<q.length ; i++){
var pair=q[i].split('=');
// arr[pair[0]]=pair[1];
ss += pair[0] + " = " + pair[1] + "\n";
}
}
alert(ss);
}

window.onload= init;

//--></script>
</head>
<body>
</body>
</html>

<form action="fB.html" method="get">
とした場合の例ですが、

以下のコードを参考にしてみてください。
------------------------------------------------------------
fA.html
------------------------------------------------------------
<html>
<head>
</head>
<body>
<form action="fB.html" method="get">
<input type="text" name="t" value="textA"></input>
<input type="hidden" name="h" value="hiddenA">
<input type="submit">
</form>
</b...続きを読む

Qvalue内に変数を入れたい

お世話になります。

<INPUT type="text" name="seikai" size="10" value="" onfocus="this.blur()">

このvalue=""の中にjavascriptで定義した変数を入れる方法ってあるんでしょうか? 

Aベストアンサー

document.getElementsByName('seikai')[0].value="hogehoge";

ですね・・

でもnameでのアクセスは一意性に乏しいのであまりおすすめできません
idをふってgetElementById()でのアクセスをお勧めします

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qリンクをクリックした時にformからPOST送信したい。

HTML、PHP、JavaScript等でサイトを作っているのですが・・・。

【実現出来ている例】
<form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()">
 <input type="submit" value="送信">
</form>
 submitボタンを一つ置いて、それがクリックされた場合に
formの内容をPOSTで送信する。

【実現したい例】
<form name="form1 method="post">
 <a href="Next.php" onClick="???">???</a>
</form>
 formの中のリンクをクリックされた場合に、formの内容を
POSTで送信したいのですが、その実現方法がわかりません。
GETで送るという手もあり得ますが、今回はどうしてもPOST
したいのですが。

Aベストアンサー

<form name="form1" method="post" action="Next.php">
<a href="#" onClick="document.form1.submit();">???</a>
</form>

onclick内の対象がform1としてあてているので、
アンカータグは別にform内に記述しなくても大丈夫です

form内にhidden等でnameとvalueを持ったパラメータがあればそれも送られます

アンカータグから動的にvalueを変更したい場合は、
document.form1.hogename.value = 'hoge';
等をsubmit()の前に行えば可能です

ただしform内に
<input type="hidden" name="hogename" value="">
を記述する等、変更先パラメータの元を用意する必要がありますのでご注意下さい

QボタンをクリックでPHP文を実行

ボタンをクリックしたときのみPHP文を実行したいのですが・・・

<input type="button" onClink="<?php~?>">
でいけるかと思ったのですが、
ページ表示時に<?php~?>が実行されてしまい、うまくいきませんでした。

onClink="window.open(test.php)"
という方法以外でお願いします。

Aベストアンサー

AjaxはもともとJavaScriptの機能である非同期通信をつかったもので。Ajaxという言語があるわけではありません

Ajaxを利用するのであれば、JavaScriptのXMLHttpRequestを使って非同期通信できるような実装をしなくてはなりません
簡単にサンプルコードで書けるほど単純なものでもありません

一般的なサーバーサイドスクリプトの動作として、
ボタンを押す->サーバーへリクエストする->サーバーが処理する->クライアントに何かしらの結果を返す(出力する)です
つまり、PHP等のサーバーサイドスクリプトは、遷移させることが大前提で動作します

ですから、ボタンを押してその場でJavaScriptと同じようにPHPが動くなんてことはありえません。
ボタンを押したらサーバーにリクエストする という動作ならば可能です。

つまり
質問で言われているような
onClink="window.open(test.php)"

<form name="f1" action="test.php" method="post">
<input type="submit" name="submit" value="submit" />
</form>
等のような形になります

こういった一般的な方法だと いちいち画面が切り替わったようになってしまうのを嫌って Ajaxでコレと同じことを、画面を切り替えずに行っているだけに過ぎません

AjaxはもともとJavaScriptの機能である非同期通信をつかったもので。Ajaxという言語があるわけではありません

Ajaxを利用するのであれば、JavaScriptのXMLHttpRequestを使って非同期通信できるような実装をしなくてはなりません
簡単にサンプルコードで書けるほど単純なものでもありません

一般的なサーバーサイドスクリプトの動作として、
ボタンを押す->サーバーへリクエストする->サーバーが処理する->クライアントに何かしらの結果を返す(出力する)です
つまり、PHP等のサーバーサイドスクリプトは、...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報