علی نظری

1 سال پیش توسط علی نظری مطرح شد

دکمه بزرگنمایی و کوچک کردن متن

آقا راهی هست این دکمه بزرگنمایی و کوچیک کردن متن رو برای المنتور یا با افزونه پیاده سازی کرد ؟
توی این پروژه https://codepen.io/ekhager/pen/byqzXJ راهش هست نمی دونم چطوری کاری کنم متن رو ، متن ویرایشگر وردپرس بدونه و اون رو بزرگ یا کوچیک کنه .

ثبت پرسش جدید

vahid

تخصص : توسعه دهنده وردپرس

@vahid1379 1 سال پیش مطرح شد

سلام ارادت اگه بخواین هم میتونم با المنتور و هم با افزونه براتون کدنویسیش کنم

ارسال پاسخ

علی نظری

@monkey 1 سال پیش آپدیت شد

بله برای المنتور می خوام ، فقط لازمه اطلاعات خاصی رو ارسال کنم ؟
بعد هزینه اش رو هم لطف می فرمایید؟

ارسال پاسخ

علیرضا تحریری

تخصص : لاراول، لایوایر و Tailwind css

@alirezatahriri 1 سال پیش مطرح شد

سلام @021 monkey میتونید با استفاده از کدی که برای شما نوشتم این کار رو انجام بدید و براساس کد پروژه خودتون این کد رو تغییر بدهید.

 <!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>میموک - Zoomin و Zoomout در جاوا اسکریپت</title>
</head>
 
<body>
 
    <button onclick="zoomIn()">+</button>
    <button onclick="zoomOut()">-</button>
 
    <div id="content" style="font-size: 16px;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti eos, provident eaque eveniet vitae quod
        recusandae nobis ipsum mollitia facere magnam, similique corporis commodi laudantium facilis quos, odit atque
        sapiente?</div>
 
    <script>
        let content = document.getElementById('content');
 
        function zoomIn() {
            console.log(parseInt(content.style.fontSize));
            content.style.fontSize = `${parseInt(content.style.fontSize) + 1}px`;
        }
 
        function zoomOut() {
            content.style.fontSize = `${parseInt(content.style.fontSize) - 1}px`;
        }
    </script>
 
</body>
 
</html>

موفق باشید :)

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

دکمه بزرگنمایی و کوچک کردن متن

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>میموک - Zoomin و Zoomout در جاوا اسکریپت</title>
	</head>

	<body>

	<button onclick="zoomIn()">+</button>
	<button onclick="zoomOut()">-</button>

	<div id="content" style="font-size: 16px;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Deleniti eos, provident eaque eveniet vitae quod
	recusandae nobis ipsum mollitia facere magnam, similique corporis commodi laudantium facilis quos, odit atque
	sapiente?</div>

	<script>
	let content = document.getElementById('content');

	function zoomIn() {
	console.log(parseInt(content.style.fontSize));
	content.style.fontSize = `${parseInt(content.style.fontSize) + 1}px`;
	}

	function zoomOut() {
	content.style.fontSize = `${parseInt(content.style.fontSize) - 1}px`;
	}
	</script>

	</body>

	</html>