Форум

imediasun1 · #1 (**permalink**) 25.01.2014, 14:39

Как посчитать общую ширину текста в блоке с классом submenu на jquery?

<div class="submenu">
 <a href="/main/pages/materials/">Статьи</a>
 <a href="/main/pages/materials/">Архив</a>
</div>

avrudoi · #2 (**permalink**) 25.01.2014, 16:06

Ты можешь использовать WEBGL для текста, это красивее и понятнее.
var menu_text = new THREE.TextGeometry( menu, {

size: 14,
height: 5,
curveSegments: 2,
font: "arial"
});
menu_text.computeBoundingBox();
var textMaterial = new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, overdraw: true } );
var text = new THREE.Mesh( menu_text, textMaterial );
text.rotation.y = 180 * Math.PI/180;
text.position.set(10* Math.cos(text.rotation.y), 90, -10* Math.sin(text.rotation.y));

чем мог тем помог

imediasun1 · #3 (**permalink**) 25.01.2014, 16:33

это что плагин? что заводить в него мой класс .submenu? как он работает можно подробнее относительно моего случая, если вы конечно поняли чего я хочу добиться?

avrudoi · #4 (**permalink**) 25.01.2014, 17:56

может это поможет http://www.wisdomweb.ru/HTML5d/html5_input.php

imediasun1 · #5 (**permalink**) 25.01.2014, 19:06

Друзья при чем здесь WEBGL, мне просто надо ответ на вопрос

alexan0308 · #6 (**permalink**) 27.01.2014, 12:07

А на javascript ответ не подойдет?

hfts_rider · #7 (**permalink**) 27.01.2014, 13:45

Если блоку(submenu) задать float, то можно узнавать его ширину следующим образом:

$('.submenu').width()

---

<!DOCTYPE html>
<html>
<head>
<title>[]</title>
<meta charset="utf-8">
<style>
.submenu{float:left}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
	alert($('.submenu').width());
});
</script>
</head>
<body>
<div class="submenu">
		<a href="#">Текст в первом блоке</a>
		<a href="#">Еще текст</a>
</div>
</body>
</html>

imediasun1 · #8 (**permalink**) 28.01.2014, 14:42

а если блоку задана определенная ширина а нужно посчитать именну общую ширину текста в ссылках?

ksa · #9 (**permalink**) 28.01.2014, 16:01

Сообщение от imediasun1

нужно посчитать именну общую ширину текста в ссылках?

Пройдись по тем ссылкам... Как узнать ширину написал hfts_rider...

рони · #10 (**permalink**) 28.01.2014, 16:40

imediasun1,

<!DOCTYPE html>
<html>
<head>
<title>[]</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function () {
    var span = $('<span/>', {
        'html': $('.submenu a').text()
    })
    document.body.appendChild(span[0]);
    var span_width = span.width();
    document.body.removeChild(span[0]);
    var width = 0;
    $('.submenu a').each(function (indx, element) {
        width += $(element).width();
    });
    alert([$('.submenu').width(), span_width, width]);
});
</script>
</head>
<body>
<div class="submenu">
		<a href="#">Текст в первом блоке</a>
		<a href="#">Еще текст</a>
</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript