View Full Version : سوال: قرارگیری متن ها نسبت به هم
mdh1388
سه شنبه 19 شهریور 1392, 13:25 عصر
سلام
من چند تا جمله پشت سرهم و کنار هم رو توی صفحه html نمایش می دهم(فرض کنید: سلام خداحافظ) ولی میخوام با فشردن یک دکمه این جملات رو به شکل کشیده بنویسم(مثلا: ســــــــــلام خــــــداحافـــــظ).
ولی جملات به هم می خوره و تو هم میرن.در واقع با توجه به موقعیتی که نسبت به راست و چپ صفحه تعیین می کنم قرار میگیرن ولی نمیخوام بعد از کشیدگی توی هم برن و باید همچنان از هم فاصله داشته باشند.
آیا راهی وجود داره که این مشکل حل بشه؟
Omid Jackson
سه شنبه 19 شهریور 1392, 13:35 عصر
میشه کدتون رو قرار بدین اینجا ببینیم چی هستش؟
amirrezaq
سه شنبه 19 شهریور 1392, 14:22 عصر
من براتون کدشو با جی کوئری نوشتم:
<!doctype html>
<html>
<head>
<!--IN THE NAME OF ALLAh-->
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript"src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("input.b").click(function(){
$("label.s").show(function(){
$("label.1").hide()
});
});
});
</script>
</head>
<body>
<label class="1">سلام خدا</label>
<input type="button" class="b" value="تغییر">
<label style="display:none" class="s">ســــلـــــام خــدا</label>
</body>
</html>
موفق باشید:چشمک:
mdh1388
سه شنبه 19 شهریور 1392, 14:33 عصر
<html>
<head>
<style type="text/css">
#page
{
height:166%;
width:185%;
overflow:visible;
}
#a1
{
position:absolute;
height: auto;
width: auto;
}
#b1
{
position:absolute;
height: auto;
width: auto;
}
#c1
{
position:absolute;
height: auto;
width: auto;
}
#d1
{
position:absolute;
height: auto;
width: auto;
}
#e1
{
position:absolute;
height: auto;
width: auto;
}
</style>
</head>
<body>
<div id="page"
style="margin-right:34px; margin-top:0px; direction:ltr;line-height: 200%; margin-left: 544px;">
<div id="a1" style="font-family: QuranTaha;font-size: 30px; color:Blue; top: 21px; right: 10px; bottom: 487px; clear:both">
بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ<br />
</div>
<div id="b1" style="font-family: QuranTaha;font-size: 30px; color:Blue; top: 21px; right: 250px; clear:both;">
الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ<br />
</div>
<div id="c1"
style="font-family: QuranTaha;font-size: 30px; color:Blue; top: 21px; right: 500px; clear:both;">
الرَّحْمَٰنِ الرَّحِيمِ<br />
</div>
<div id="d1" style="font-family: QuranTaha;font-size: 30px; color:Blue; top: 21px; right: 670px; clear:both;">
مَالِكِ يَوْمِ الدِّينِ<br />
</div>
<div id="e1" style="font-family: QuranTaha;font-size: 30px; color:Blue; top: 21px; right: 840px; clear:both;">
إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ<br />
</div>
<button id="a1"style="top:100px" onclick="test();">تست</button>
<script type="text/javascript" language="javascript">
var i;
var id = new Array("a1", "b1", "c1","d1","e1");
function test()
{
for (i = 0; i < 5; i ++) {
findAndAdd(id[i]);
}
}
function findAndAdd(id) {
var test3 = document.getElementById(id);
var text = test3.innerHTML;
test3.innerHTML = "";
for (var j = 0; j < text.length; j++) {
test3.innerHTML += text[j];
if (text[j] == "ک" || text[j] == "ب" || text[j] == "ت" || text[j] == "ی") {
test3.innerHTML += "ـــــ";
}
}
}
</script>
</body>
</html>
mdh1388
سه شنبه 19 شهریور 1392, 14:45 عصر
ممنون ولی چیزی از JQuery نمیدونم!! با javascript چطور میتونم بنویسم؟
Omid Jackson
سه شنبه 19 شهریور 1392, 14:55 عصر
لطفا یکم بیشتر کار کنین
خیلی از کد ها بیهوده نوشته شده
شما برای آیدی ها استایل تعریف کردین بعد دوباره تو تگ استایل تعریف کردین
خیلی بهتر از این هم امکان نوشتنشون هست
من فقط کد خودتون رو تصحیح کردم
و اینکه خیلی از کدها رو تغییر ندادم
amirrezaq
سه شنبه 19 شهریور 1392, 14:56 عصر
ممنون ولی چیزی از JQuery نمیدونم!! با javascript چطور میتونم بنویسم؟
جالبه چون منم جاوااسکریپت یاد ندارم!
ضمنا!
به جای تشکر در پست از دکمه تشکر کردن استفاده کنید!
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.