Вставьте штрих-код после идентификатора заказа в список заказов, созданных Volusion - PullRequest
Новая
       9

Вставьте штрих-код после идентификатора заказа в список заказов, созданных Volusion

0 голосов
/ 22 мая 2011

У меня есть страница квитанции заказа, автоматически сгенерированная нашей системой.Мне нужно добавить штрих-коды для каждого номера заказа.У меня настроена база, но я столкнулся с двумя проблемами:

1) Штрих-код каждый раз печатается с использованием номера первого заказа.Мне нужно, чтобы каждый заказ печатал свой собственный штрих-код прямо ниже.(заказы расположены в последовательном порядке, но иногда могут пропустить номера заказов)

2) Jquery выполняется несколько раз, так как система собирается разместить код после каждого заказа.Я не могу удалить jquery после каждого заказа, поэтому как я могу заставить его работать только один раз после того, как все заказы были загружены в один документ.

Ниже приведен небольшой фрагмент всего заказа.Я использовал ширину таблицы и размер шрифта для объявления областей, которые мне нужны, поскольку система не давала им идентификаторы или классы.Единственная приятная вещь - это то, что размер шрифта 3 никогда не используется где-либо еще и такой же, как ширина таблицы 180, поэтому я думаю, что у меня все будет хорошо в обоих случаях.Спасибо за вашу помощь.

jQuery код 

$("table[width='180']").after("<img id='bar_code'");

$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');

HTML код 

    <table width=180 border=0 cellpadding=0 cellspacing=0>
    <tr> 
        <td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
    </tr>
    <tr> 
        <td width=90 align=left><b>Date:</b></td>
        <td width=90><b>Order#:</b></td>
    </tr>
    <tr> 
        <td width=75 align=left> 05/17/2011 </td>
        <td><font size=3><b>10122</b></font></td>
    </tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");

$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>

    <table width=180 border=0 cellpadding=0 cellspacing=0>
    <tr> 
        <td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
    </tr>
    <tr> 
        <td width=90 align=left><b>Date:</b></td>
        <td width=90><b>Order#:</b></td>
    </tr>
    <tr> 
        <td width=75 align=left> 05/17/2011 </td>
        <td><font size=3><b>10123</b></font></td>
    </tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");

$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>


    <table width=180 border=0 cellpadding=0 cellspacing=0>
    <tr> 
        <td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
    </tr>
    <tr> 
        <td width=90 align=left><b>Date:</b></td>
        <td width=90><b>Order#:</b></td>
    </tr>
    <tr> 
        <td width=75 align=left> 05/17/2011 </td>
        <td><font size=3><b>10124</b></font></td>
    </tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");

$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>


    <table width=180 border=0 cellpadding=0 cellspacing=0>
    <tr> 
        <td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
    </tr>
    <tr> 
        <td width=90 align=left><b>Date:</b></td>
        <td width=90><b>Order#:</b></td>
    </tr>
    <tr> 
        <td width=75 align=left> 05/17/2011 </td>
        <td><font size=3><b>10127</b></font></td>
    </tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");

$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>

1 Ответ

1 голос
/ 08 марта 2012

Я знаю, что уже немного поздно, но я просматривал оставшиеся без ответа вопросы и заметил, что вы забыли закрыть теги изображений.В вашем скрипте, изменив это: 

$("table[width='180']").after("<img id='bar_code'");

на это: 

$("table[width='180']").after("<img id='bar_code'>");

Скрипт отлично работает ...

...